首页运用网页，依次弹出两个对话框，分别要求输入一个数，判断这两个数的关系（大于、小于、等于），并在页面中打印判断结果，用javascript的知识

运用网页，依次弹出两个对话框，分别要求输入一个数，判断这两个数的关系（大于、小于、等于），并在页面中打印判断结果，用javascript的知识

时间: 2024-09-28 11:11:34 浏览: 34

在JavaScript中，你可以使用`prompt()`函数创建对话框来获取用户的输入，然后通过比较运算符来判断两个数的关系，并将结果显示在页面上。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Number Comparison</title> <style> #result { margin-top: 10px; font-weight: bold; } </style> </head> <body> <label for="number1">请输入第一个数:</label> <input type="number" id="number1"> <button onclick="compareNumbers()">比较</button> <div id="result"></div> <script> function compareNumbers() { // 获取用户输入的两个数字 const number1 = parseFloat(document.getElementById('number1').value); let number2 = prompt("请输入第二个数:"); if (isNaN(number2)) { // 检查输入是否有效 document.getElementById('result').innerText = "无效输入!"; return; } number2 = parseFloat(number2); let relation; if (number1 > number2) { relation = "第一个数大于第二个数"; } else if (number1 < number2) { relation = "第一个数小于第二个数"; } else { relation = "两个数相等"; } document.getElementById('result').innerText = `判断结果: ${relation}`; } </script> </body> </html> ``` 在这个示例中，点击“比较”按钮会触发`compareNumbers`函数。首先获取第一个输入框的内容（假设为`number1`），然后弹出提示框让用户输入第二个数（存储在`number2`）。之后根据`number1`和`number2`的比较结果，设置`relation`变量并显示在页面的`<div>`元素中。

阅读全文