Cara menggunakan javascript untuk melaksanakan empat operasi aritmetik

Dalam pembangunan web, JavaScript ialah bahasa pengaturcaraan yang sangat popular Menggunakan JavaScript boleh mencapai banyak fungsi menarik, seperti menggunakan JavaScript untuk melaksanakan empat operasi aritmetik yang mudah. Melalui artikel ini, kami akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan empat operasi aritmetik.

1. Struktur HTML

Pertama, kita perlu mencipta fail HTML dan menambah kotak teks untuk memasukkan ungkapan, butang untuk empat operator dan kawasan di mana hasil dipaparkan. Kod HTML adalah seperti berikut:

nbsp;html>


    <meta>
    <title>用JavaScript实现四则运算</title>


    <input>
    <button>+</button>
    <button>-</button>
    <button>*</button>
    <button>/</button>
    <p></p>
    <script></script>

Dalam struktur HTML ini, kami menggunakan elemen input sebagai kotak teks untuk ungkapan input, elemen butang sebagai butang untuk empat operator, dan tambah kira pada ini panggilan fungsi butang. Selain itu, kami juga menambah kawasan untuk memaparkan hasil. Atribut id bagi elemen p ialah hasil.

2. Kod JavaScript

Seterusnya, kita perlu menulis fail JavaScript untuk melaksanakan empat operasi aritmetik. Kod JavaScript adalah seperti berikut:

function calculate(operator) {
    var expression = document.getElementById("expression").value; //获取表达式
    var operArr = expression.split(operator); //分割表达式
    var numArr = []; //存储数字
    for(var i = 0; i <p>Dalam kod JavaScript ini, kami mentakrifkan fungsi kira untuk melaksanakan empat operasi aritmetik pada ungkapan input. Dalam fungsi, kita mula-mula mendapatkan ungkapan yang dimasukkan oleh pengguna melalui document.getElementById("expression").value, kemudian bahagikan ungkapan kepada dua nombor melalui kaedah split, dan simpan kedua-dua nombor dalam tatasusunan. Kemudian, empat pengendali diproses secara berbeza melalui pernyataan suis, dan akhirnya keputusan dipaparkan pada halaman melalui document.getElementById("result").innerHTML. </p><p>3. Selepas menulis kod menggunakan </p><p>, kita hanya perlu membuka fail HTML dalam penyemak imbas, masukkan ungkapan, pilih operator, dan kemudian klik tanda sama untuk mendapatkan operasi Hasilnya dipaparkan pada halaman. Seperti yang ditunjukkan di bawah: </p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/068/168075020156607.png" class="lazy" alt="Cara menggunakan javascript untuk melaksanakan empat operasi aritmetik" title="Cara menggunakan javascript untuk melaksanakan empat operasi aritmetik"></p><p> 4. Ringkasan </p><p>Melalui pengenalan artikel ini, kita dapat melihat bahawa sangat mudah untuk melaksanakan empat operasi aritmetik mudah dalam JavaScript. Dengan hanya beberapa sintaks JavaScript asas dan struktur HTML, kami boleh melaksanakan empat operasi aritmetik dengan mudah. Saya harap artikel ini boleh membantu semua orang apabila belajar dan menggunakan JavaScript. </p>

Atas ialah kandungan terperinci Cara menggunakan javascript untuk melaksanakan empat operasi aritmetik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!