Penjelasan terperinci tentang cara mendarab dan membahagi dua nombor melalui javascript-tutorial js-php.cn

Penjelasan terperinci tentang cara mendarab dan membahagi dua nombor melalui javascript

藏色散人

Lepaskan： 2021-08-12 17:53:01

asal

4594 orang telah melayarinya

Dalam artikel sebelum ini "Kira isipadu silinder melalui javascript dan simpan 4 tempat perpuluhan", saya memperkenalkan anda cara mengira isipadu silinder melalui javascript. Rakan-rakan yang berminat juga boleh mempelajarinya . ~

Topik bahasa Cina artikel ini ialah "Menulis program JavaScript untuk mengira hasil dan hasil bagi dua nombor (daripada input pengguna)".

Sekiranya kita perlu mengira pendaraban dan pembahagian berdasarkan dua nombor yang dimasukkan oleh pengguna, maka kita mesti bermula dengan mencipta borang.

Saya akan memberikan anda kod pelaksanaan lengkap terus di bawah:

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
    <style type="text/css">
        body {margin: 30px;}
    </style>
</head>
<body>
<form>
    第一个数 : <input type="text" id="firstNumber" /><br>
    第二个数: <input type="text" id="secondNumber" /><br>
    <input type="button" onClick="multiplyBy()" Value="相乘" />
    <input type="button" onClick="divideBy()" Value="相除" />
</form>
<p>计算结果是: <br>
    <span id = "result"></span>
</p>
<script>
    function multiplyBy()
    {
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        document.getElementById("result").innerHTML = num1 * num2;
    }

    function divideBy()
    {
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        document.getElementById("result").innerHTML = num1 / num2;
    }
</script>
</body>
</html>

Salin selepas log masuk

Lihat kesan melalui penyemak imbas seperti berikut:

Penjelasan terperinci tentang cara mendarab dan membahagi dua nombor melalui javascript

Kemudian Mari kita masukkan dua nombor dan lihat hasil pengiraan pendaraban dan pembahagian:

GIF 2021-8-12 星期四下午 3-49-48.gif

Tiada yang salah! Betul sekali!

Dalam kod di atas:

document.getElementById(id).value: Atribut nilai menetapkan atau mengembalikan nilai atribut nilai medan teks.

document.getElementById("result").innerHTM : Atribut innerHTML menetapkan atau mengembalikan kandungan HTML elemen (HTML dalaman).

→Nota: HTML DOM mentakrifkan berbilang kaedah untuk mencari elemen Selain getElementById(), terdapat juga getElementsByName() dan getElementsByTagName(); dokumen Untuk elemen, kaedah yang paling cekap ialah getElementById(). Apabila bekerja dengan elemen tertentu dokumen, adalah idea yang baik untuk memberikan elemen itu atribut id, memberikannya nama unik (dalam dokumen) dan kemudian menggunakan ID itu untuk mencari elemen yang dikehendaki.

Terdapat juga formula "num1 * num2" dan "num1 / num2" untuk pengiraan utama pendaraban dan pembahagian.

Akhir sekali, saya ingin mengesyorkan "Tutorial Asas JavaScript"~ Selamat datang semua untuk belajar~

Atas ialah kandungan terperinci Penjelasan terperinci tentang cara mendarab dan membahagi dua nombor melalui javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!