想用js做一个简单的运算

第一个数:
第二个数:
商:

var input2=document.getElementByName("2")[0]; 改成 var input2=document.getElementsByName("number2")[0];
这些都有问题,修改之后代码如下

img

 第一个数:<input name="number1" id="1" type="text" />
第二个数:<input name="number2" id="2" type="text" />
商:<input name="number3" id="3" type="text" />
<input value="求商" type="button" onclick="div()" />
<script type="text/javascript">
    function div(){
 
        var input1=document.getElementById("1");
        var input2=document.getElementsByName("number2")[0];
        var input3=document.getElementById("3");
 
        var num1=input1.value;
        var num2=input2.value;
 
        var shang=parseFloat(num1)/parseFloat(num2);
        input3.value=shang;
}
 
</script>

    var input1=document.getElementById("1");
    var input2=document.getElementById("2");
    var input3=document.getElementById("3");

    var num1=input1.value;
    var num2=input2.value;

    var shang=parseparseFolat(nun1)/parseFloat(nun2);
    input3.value=shang;

<script type="text/javascript">
    function div(){

        var input1=document.getElementById("1");
        //这里错了getElementsByName
        var input2=document.getElementsByName("2")[0];
        var input3=document.getElementById("3");

        var num1=input1.value;
        var num2=input2.value;
        //这里错了parseFolat  num
        var shang=parseFolat(num1)/parseFloat(num2);
        input3.value=shang;
    }

</script>
  • 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7669193
  • 这篇博客也不错, 你可以看下js 第一个下拉框选择省份,第二个下拉框显示对应的城市
  • 除此之外, 这篇博客: 使用JS实现数值动态变化动画效果中的 二、动态变化 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 这种方法比较简单,就不做详细分解了
    ,直接上代码:

    // 将数字转换为逗号隔开的千分位格式
    function num2qfw(num){
        num += '';
        if (!num.includes('.')) num += '.';
        return num.replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
            return $1 + ',';
        }).replace(/\.$/, '');
    }
    
    // 数值改变动画函数
    function magic_number(value) {
        var num = $("#valChangeAmt");
        num.animate({count: value}, {
            duration: 500, 
            step: function() {
                num.text(num2qfw(parseInt(this.count)));
            },
            complete: function () {
                num.text(num2qfw(parseInt(value)));
            }
        }); 
    };
    let oldVal = 9374401
    function update() {
        magic_number(oldVal);
        oldVal += Math.random()*100
    }
    update()
    setInterval(update, 3000); //3秒钟执行一次 update();
    

    效果如下:

    搴芳拾梦
    欢迎关注的我的个人公众号【搴芳拾梦】
  • 您还可以看一下 邓继诚老师的零基础JS入门系列课程(2)之JS语法基础精讲课程中的 变量的相关细节小节, 巩固相关知识点