1回答

好帮手慕言

2020-09-29

同学你好，是想实现加法运算吗？如果是的话，代码中存在的问题比较多，参考如下：

<script type="text/javascript">
    // 1、使用getElementsByClassName方法获取元素，得到的是一个数组，要通过下标操作元素
        // var btnadd = document.getElementsByClassName("btnadd");
        var btnadd = document.getElementsByClassName("btnadd")[0];
        // 2、函数名加括号，就会立即执行，把括号去掉
        // btnadd.onclick = add();
        btnadd.onclick = add;
        function add() {
            // var signal = document.getElementsByClassName("signal");
            var signal = document.getElementsByClassName("signal")[0];
            signal.innerHTML = "+";
            // var frontinput = document.getElementsByClassName("frontinput").value,
            //     backinput = document.getElementsByClassName("backinput").value;
                var frontinput = document.getElementsByClassName("frontinput")[0].value,
                backinput = document.getElementsByClassName("backinput")[0].value;
            // var result = document.getElementsByClassName("result");
            var result = document.getElementsByClassName("result")[0];
            // 3、result是span，往span中添加内容，使用innerHTML，如果是表单，添加内容使用value
            // 4、输入框中的值是字符串类型，直接相加会进行字符串拼接，建议使用下方写法
            // result.value = frontinput + backinput;
            result.innerHTML = +frontinput+ +backinput;
            return frontinput+backinput;
        }
    </script>

视频中老师有讲解过加减乘除的运算过程，建议同学根据视频再了解下。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0