Menambahkan dua angka menyatukan mereka alih-alih menghitung jumlahnya

Saya menambahkan dua angka, tetapi saya tidak mendapatkan nilai yang benar.

Misalnya, melakukan 1 + 2 pengembalian 12 dan bukan 3

Apa yang saya lakukan salah dalam kode ini?

function myFunction() {
  var y = document.getElementById("txt1").value;
  var z = document.getElementById("txt2").value;
  var x = y + z;
  document.getElementById("demo").innerHTML = x;
}

<p>
  Click the button to calculate x.
  <button onclick="myFunction()">Try it</button>
</p>
<p>
  Enter first number:
  <input type="text" id="txt1" name="text1" value="1">
  Enter second number:
  <input type="text" id="txt2" name="text2" value="2">
</p>
<p id="demo"></p>

Mereka sebenarnya adalah string, bukan angka. Cara termudah untuk menghasilkan angka dari string adalah dengan mengawalinya dengan +:

var x = +y + +z;

Saya hanya menggunakan Number():

var i=2;  
var j=3;  
var k = Number(i) + Number(j); // 5  

Anda perlu menggunakan parseInt()metode javaScript untuk mengubah string kembali menjadi angka. Saat ini mereka adalah string sehingga menambahkan dua string merangkai mereka, itulah sebabnya Anda mendapatkan "12".

Gunakan parseInt (...) tetapi pastikan Anda menentukan nilai radix; jika tidak, Anda akan mengalami beberapa bug (jika string dimulai dengan "0", radix adalah oktal / 8 dll.).

var x = parseInt(stringValueX, 10);
var y = parseInt(stringValueY, 10);

alert(x + y);

Semoga ini membantu!

Cukup tambahkan metode tipe casting sederhana karena input diambil dalam teks. Gunakan yang berikut ini:

    var y = parseInt(document.getElementById("txt1").value);
    var z = parseInt(document.getElementById("txt2").value);
    var x = y + z;

Berikut ini mungkin berguna secara umum.

• Pertama, bidang formulir HTML terbatas pada teks . Itu berlaku terutama untuk kotak teks, bahkan jika Anda telah bersusah payah untuk memastikan bahwa nilainya terlihat seperti angka.

• Kedua, JavaScript, baik atau buruk, telah membebani +operator dengan dua makna: itu menambah angka, dan itu merangkai string. Ia memiliki preferensi untuk penggabungan, jadi bahkan ekspresi seperti 3+'4'akan diperlakukan sebagai penggabungan.

• Ketiga, JavaScript akan berusaha mengubah tipe secara dinamis jika bisa, dan jika perlu. Misalnya '2'*'3'akan mengubah kedua jenis menjadi angka, karena Anda tidak dapat mengalikan string. Jika salah satunya tidak kompatibel, Anda akan mendapatkan NaN, Bukan Angka.

Masalah Anda terjadi karena data yang berasal dari formulir dianggap sebagai string, dan +karena itu kehendak akan disatukan daripada ditambahkan.

Saat membaca data numerik yang seharusnya dari formulir, Anda harus selalu mendorongnya melalui parseInt()atau parseFloat(), tergantung pada apakah Anda ingin bilangan bulat atau desimal.

Perhatikan bahwa tidak ada fungsi yang benar-benar mengubah string menjadi angka. Sebagai gantinya, itu akan mengurai string dari kiri ke kanan hingga sampai ke karakter numerik yang tidak valid atau ke akhir dan mengonversi apa yang telah diterima. Dalam kasusparseFloat , itu termasuk satu titik desimal, tetapi bukan dua.

Apa pun setelah nomor yang valid diabaikan saja. Mereka gagal jika string bahkan tidak memulai sebagai angka. Maka Anda akan mendapatkan NaN.

Teknik tujuan umum yang baik untuk angka dari formulir adalah sesuatu seperti ini:

var data=parseInt(form.elements['data'].value); //  or parseFloat

Jika Anda siap untuk menyatukan string yang tidak valid ke 0, Anda dapat menggunakan:

var data=parseInt(form.elements['data'].value) || 0;

Sederhana

var result = parseInt("1") + parseInt("2");
console.log(result ); // Outputs 3

Ini tidak akan meringkas jumlahnya; melainkan akan menggabungkannya:

var x = y + z;

Yang perlu Anda lakukan:

var x = (y)+(z);

Anda harus menggunakan parseInt untuk menentukan operasi pada angka. Contoh:

var x = parseInt(y) + parseInt(z); [final soulution, as everything us]

Kode ini menjumlahkan kedua variabel! Masukkan ke dalam fungsi Anda

var y = parseInt(document.getElementById("txt1").value);
var z = parseInt(document.getElementById("txt2").value);
var x = (y +z);
document.getElementById("demo").innerHTML = x;`

Anda kehilangan konversi tipe selama langkah penambahan ...
var x = y + z;seharusnyavar x = parseInt(y) + parseInt(z);

 <!DOCTYPE html>

 <html>
 <body>
  <p>Click the button to calculate x.</p>
  <button onclick="myFunction()">Try it</button>
  <br/>
  <br/>Enter first number:
  <input type="text" id="txt1" name="text1">Enter second number:
  <input type="text" id="txt2" name="text2">
  <p id="demo"></p>
 <script>
    function myFunction() 
    {
      var y = document.getElementById("txt1").value;
      var z = document.getElementById("txt2").value;
      var x = parseInt(y) + parseInt(z);
      document.getElementById("demo").innerHTML = x;
    }
 </script>
 </body>
 </html>

  <input type="text" name="num1" id="num1" onkeyup="sum()">
  <input type="text" name="num2" id="num2" onkeyup="sum()">
  <input type="text" name="num2" id="result">

  <script>
     function sum()
     {

        var number1 = document.getElementById('num1').value;
        var number2 = document.getElementById('num2').value;

        if (number1 == '') {
           number1 = 0
           var num3 = parseInt(number1) + parseInt(number2);
           document.getElementById('result').value = num3;
        }
        else if(number2 == '')
        {
           number2 = 0;
           var num3 = parseInt(number1) + parseInt(number2);
           document.getElementById('result').value = num3;
        }
        else
        {
           var num3 = parseInt(number1) + parseInt(number2);
           document.getElementById('result').value = num3;
        }

     }
  </script>

Ini sangat sederhana:

<html>

    <body>
        <p>Click the button to calculate x.</p>
        <button onclick="myFunction()">Try it</button>
        <br/>
        <br/>Enter first number:
        <input type="text" id="txt1" name="text1">Enter second number:
        <input type="text" id="txt2" name="text2">
        <p id="demo"></p>

        <script>
            function myFunction() {
                var y = document.getElementById("txt1").value;
                var z = document.getElementById("txt2").value;
                var x = +y + +z;
                document.getElementById("demo").innerHTML = x;
            }
        </script>
    </body>
</html>

Coba ini:

<!DOCTYPE html>
<html>

    <body>
        <p>Add Section</p>

        <label>First Number:</label>
        <input id="txt1"  type="text"/><br />
        <label>Second Number:</label>
        <input id="txt2"  type="text"/><br />

        <input type="button" name="Add" value="Add" onclick="addTwoNumber()"/>
        <p id="demo"></p>

        <script>
            function myFunction() {
                document.getElementById("demo").innerHTML = Date();
            }

            function addTwoNumber(){
                var a = document.getElementById("txt1").value;
                var b = document.getElementById("txt2").value;

                var x = Number(a) + Number(b);
                document.getElementById("demo").innerHTML = "Add Value: " + x;
            }
        </script>
    </body>
</html>

    <head>
        <script type="text/javascript">
            function addition()
            {
                var a = parseInt(form.input1.value);
                var b = parseInt(form.input2.value);
                var c = a+b
                document.write(c);
            }
        </script>
    </head>

    <body>
        <form name="form" method="GET">
        <input type="text" name="input1" value=20><br>
        <input type="text" name="input2" value=10><br>
        <input type="button" value="ADD" onclick="addition()">
        </form>
    </body>
</html>

Jika kita memiliki dua bidang input maka dapatkan nilai dari bidang input, lalu tambahkan menggunakan JavaScript.

$('input[name="yourname"]').keyup(function(event) {
    /* Act on the event */
    var value1 = $(this).val();
    var value2 = $('input[name="secondName"]').val();
    var roundofa = +value2+ +value1;

    $('input[name="total"]').val(addition);
});

Anda dapat melakukan pemeriksaan awal dengan ekspresi reguler ketika angka-angka itu seperti

function myFunction() {
    var y = document.getElementById("txt1").value;
    var z = document.getElementById("txt2").value;
    if((x.search(/[^0-9]/g) != -1)&&(y.search(/[^0-9]/g) != -1))
      var x = Number(y)+ Number(z);
    else
      alert("invalid values....");
    document.getElementById("demo").innerHTML = x;
  }

Gunakan parseFloatitu akan mengkonversi string ke angka termasuk nilai desimal.

 function myFunction() {
      var y = document.getElementById("txt1").value;
      var z = document.getElementById("txt2").value;
      var x = parseFloat(y) + parseFloat(z);
      document.getElementById("demo").innerHTML = x;
    }

<p>
  Click the button to calculate x.
  <button onclick="myFunction()">Try it</button>
</p>
<p>
  Enter first number:
  <input type="text" id="txt1" name="text1" value="1">
  Enter second number:
  <input type="text" id="txt2" name="text2" value="2">
</p>
<p id="demo"></p>

Anda juga dapat menulis: var z = x - -y; Dan Anda mendapatkan jawaban yang benar.

<body>

<input type="text" id="number1" name="">
<input type="text" id="number2" name="">
<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

    <script>
    function myFunction() {
        var x, y ;

        x = document.getElementById('number1').value;
        y = document.getElementById('number2').value;

        var z = x - -y ;

        document.getElementById('demo').innerHTML = z;
    }
    </script>
</body>

Ini dia kode Anda dengan mem-parsing variabel dalam fungsi.

<html>
  <body>
    <p>Click the button to calculate x.</p>
    <button onclick="myFunction()">Try it</button>
    <br/>
    <br/>Enter first number:
    <input type="text" id="txt1" name="text1">
    <br>Enter second number:
    <input type="text" id="txt2" name="text2">
    <p id="demo"></p>
    <script>
      function myFunction() {
        var y = parseInt(document.getElementById("txt1").value);
        var z = parseInt(document.getElementById("txt2").value);
        var x = y + z;
        document.getElementById("demo").innerHTML = x;
      }
    </script>
  </body>
</html>

Menjawab

Solusi alternatif, cukup berbagi :):

var result=eval(num1)+eval(num2);