Javascript 当我点击按钮时'='；，那里'；什么也没发生_Javascript

Javascript 当我点击按钮时'='；，那里'；什么也没发生

javascript

Javascript 当我点击按钮时'='；，那里'；什么也没发生,javascript,Javascript,我试图用javascript制作一个简单的计算器，但是当我点击按钮“=”时，结果没有出现 <!DOCTYPE html> <html> <body> <h1> Kalkulator Sederhana</h1> <input type="text" name="angkapertama" placeholder="Angka Pertama" id="angkapertama

我试图用javascript制作一个简单的计算器，但是当我点击按钮“=”时，结果没有出现

    <!DOCTYPE html>
<html>
    <body>
        <h1> Kalkulator Sederhana</h1>
            <input type="text" name="angkapertama" placeholder="Angka Pertama" id="angkapertama">
            <input type="text" name="angkakedua" placeholder="Angka Kedua" id="angkakedua">
        <button id="hasil" onclick="tambah">=</button>

        <h2 id="hsl"></h2>

        <script>
            var a = document.getElementById('angkapertama').value;
            var b = document.getElementById('angkakedua').value;
            var c = document.getElementById('hasil');
            c.addEventListener('click', tambah, false);

            function tambah() {
                return a + b;
                document.getElementById("hsl").innerHTML = tambah; 
            }
        </script>
    </body>
</html>


卡尔库拉托塞德哈纳酒店
=
var a=document.getElementById（'angkapertama'）。值；
var b=document.getElementById（'angkakedua'）.value；
var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah，false）；
函数tambah（）{
返回a+b；
document.getElementById（“hsl”）.innerHTML=tambah；
}

试试这个：

 <!DOCTYPE html>
    <html>
        <body>
            <h1> Kalkulator Sederhana</h1>
                <input type="text" name="angkapertama" placeholder="Angka Pertama" id="angkapertama">
                <input type="text" name="angkakedua" placeholder="Angka Kedua" id="angkakedua">
            <button id="hasil" onclick="tambah()">=</button>

            <h2 id="hsl"></h2>

            <script>
                var a = document.getElementById('angkapertama').value;
                var b = document.getElementById('angkakedua').value;
                var c = document.getElementById('hasil');
                c.addEventListener('click', tambah, false);

                function tambah() {
                    var sum = a + b;
                    document.getElementById("hsl").innerHTML = sum; 
                }
            </script>
        </body>
    </html>


卡尔库拉托塞德哈纳酒店
=
var a=document.getElementById（'angkapertama'）。值；
var b=document.getElementById（'angkakedua'）.value；
var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah，false）；
函数tambah（）{
var总和=a+b；
document.getElementById（“hsl”）.innerHTML=sum；
}

试试这个：

 <!DOCTYPE html>
    <html>
        <body>
            <h1> Kalkulator Sederhana</h1>
                <input type="text" name="angkapertama" placeholder="Angka Pertama" id="angkapertama">
                <input type="text" name="angkakedua" placeholder="Angka Kedua" id="angkakedua">
            <button id="hasil" onclick="tambah()">=</button>

            <h2 id="hsl"></h2>

            <script>
                var a = document.getElementById('angkapertama').value;
                var b = document.getElementById('angkakedua').value;
                var c = document.getElementById('hasil');
                c.addEventListener('click', tambah, false);

                function tambah() {
                    var sum = a + b;
                    document.getElementById("hsl").innerHTML = sum; 
                }
            </script>
        </body>
    </html>


卡尔库拉托塞德哈纳酒店
=
var a=document.getElementById（'angkapertama'）。值；
var b=document.getElementById（'angkakedua'）.value；
var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah，false）；
函数tambah（）{
var总和=a+b；
document.getElementById（“hsl”）.innerHTML=sum；
}

一个简单的例子

var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah，false）；
函数tambah（）{
var a=document.getElementById（'angkapertama'）。值；
var b=document.getElementById（'angkakedua'）.value；
变量和=数（a）+数（b）；//或
//var sum=parseFloat（a）+parseFloat（b）；
document.getElementById（“hsl”）.innerHTML=sum；
控制台日志（总和）
}

Kalkulator Sederhana
=

一个简单的例子

var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah，false）；
函数tambah（）{
var a=document.getElementById（'angkapertama'）。值；
var b=document.getElementById（'angkakedua'）.value；
变量和=数（a）+数（b）；//或
//var sum=parseFloat（a）+parseFloat（b）；
document.getElementById（“hsl”）.innerHTML=sum；
控制台日志（总和）
}

Kalkulator Sederhana
=

您的代码有一些地方不正确

当您返回a+b时，在返回语句之后不会执行任何代码

我稍微修改了代码，变量a和b现在在函数内部定义，并且确保在a和b上使用

parseInt

，否则它们将被串接为字符串（意味着1+2将是12-错误！）

var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah）；
函数tambah（）
{
var a=parseInt（document.getElementById（'angkapertama'）.value）；
var b=parseInt（document.getElementById（'angkakedua'）.value）；
var结果=a+b；
document.getElementById（“hsl”）.innerHTML=结果；
}


卡尔库拉托塞德哈纳酒店
=
回答这里

您的代码有一些地方不正确

当您返回a+b时，在返回语句之后不会执行任何代码

我稍微修改了代码，变量a和b现在在函数内部定义，并且确保在a和b上使用

parseInt

，否则它们将被串接为字符串（意味着1+2将是12-错误！）

var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah）；
函数tambah（）
{
var a=parseInt（document.getElementById（'angkapertama'）.value）；
var b=parseInt（document.getElementById（'angkakedua'）.value）；
var结果=a+b；
document.getElementById（“hsl”）.innerHTML=结果；
}


卡尔库拉托塞德哈纳酒店
=
回答这里

这有很多问题

1）在用户有机会输入任何内容之前，从文本框中收集输入值。您需要在事件处理程序中执行此操作

2）内联事件属性（在没有

（）

的情况下被错误定义）和在代码中添加的eventlistener。只需要一个。eventListener通常被认为是更好的方法，例如，对于代码的可维护性和可见性

3）将值视为字符串而不是数字（例如，如果代码一直在工作，“4”+“4”将返回“44”！）

4）从实际显示结果的行之前的tambah（）函数返回

return

从函数返回，它不仅仅用于获取计算结果

此版本更正了所有这些错误。您可以运行它来测试它：

var c=document.getElementById（'hasil'）；
c、 addEventListener（'click'，tambah，false）；
函数tambah（）{
var a=document.getElementById（'angkapertama'）。值；
var b=document.getElementById（'angkakedua'）.value；
var sum=parseFloat（a）+parseFloat（b）；
document.getElementById（“hsl”）.innerHTML=sum；
}

Kalkulator Sederhana
=

这有很多问题

1）在用户有机会输入任何内容之前，从文本框中收集输入值。您需要在事件处理程序中执行此操作

2）位于的内联事件