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

Rumah

hujung hadapan web

tutorial js

Penjelasan terperinci tentang cara mendarab dan membahagi dua nombor melalui javascript

Aug 12, 2021 pm 05:53 PM

javascript

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!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn