首页javascript练习代码

javascript练习代码

时间: 2023-07-09 17:52:33 浏览: 100

以下是一个简单的 JavaScript 练习代码，它实现了一个计算器： ```html <!DOCTYPE html> <html> <head> <title>JavaScript Calculator</title> </head> <body> <h1>JavaScript Calculator</h1> <input type="text" id="num1"> <input type="text" id="num2"> <br><br> <button onclick="add()">Add</button> <button onclick="subtract()">Subtract</button> <button onclick="multiply()">Multiply</button> <button onclick="divide()">Divide</button> <br><br> <p id="result"></p> <script> function add() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 + num2; document.getElementById("result").innerHTML = "Result: " + result; } function subtract() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 - num2; document.getElementById("result").innerHTML = "Result: " + result; } function multiply() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 * num2; document.getElementById("result").innerHTML = "Result: " + result; } function divide() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 / num2; document.getElementById("result").innerHTML = "Result: " + result; } </script> </body> </html> ``` 这个代码实现了一个简单的计算器，用户可以在两个输入框中输入数字，然后选择要进行的操作（加、减、乘、除），最后结果会显示在页面上。请注意，这只是一个非常基础的练习代码，还有很多可以改进和优化的地方。

阅读全文