alert 相关问题

网站编程新手。我正在尝试用从客户端获取的 2 个输入字段创建一个基本的求和方程。 ` 网站编程新手。我正在尝试使用从客户端获取的 2 个输入字段创建一个基本的求和方程。 ` </head> <body> <form> <input type="number" id="x"> <input type="number" id="y"> <script> let x = document.getElementById('x').nodeValue; let y = document.getElementById('y').nodeValue; function sum(x, y) { let sum = x + y; alert(sum); } </script> <input type="submit" value="submit" onclick="sum(x, y)"> </form> </body> ` 我在浏览器（Opera Gx，如果重要的话）中运行我的代码，当我选择两个数字，然后点击提交时，它会显示警报框。然而出现的是： “[对象 HTMLInputElement][对象 HTMLInputElement]” 我知道正在使用输入元素，但我显然希望我的 sum 函数返回 2 个输入字段的总和。我不明白我做错了什么。代码中的问题与您检索输入字段的值的方式有关。您使用的是 nodeValue 属性，这不是获取输入元素值的正确方法。相反，您应该使用 value 属性来检索输入元素的值。这是更正后的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sum Calculator</title> </head> <body> <form> <input type="number" id="x"> <input type="number" id="y"> <input type="submit" value="Submit" onclick="sum()"> </form> <script> function sum() { // Retrieve the values of the input fields let x = parseFloat(document.getElementById('x').value); let y = parseFloat(document.getElementById('y').value); // Check if the input values are valid numbers if (!isNaN(x) && !isNaN(y)) { // Perform the sum let result = x + y; alert("The sum is: " + result); } else { alert("Please enter valid numbers in both fields."); } } </script> </body> </html> 您应该在调用函数时检查输入字段的值（而不是像现在一样在脚本运行时检查一次）。为此，您可以使用 .value 属性，而不是在元素上使用 nodeValue : </head> <body> <form> <input type="number" id="x"> <input type="number" id="y"> <script> let x = document.getElementById('x'); let y = document.getElementById('y'); function sum(x, y) { let sum = x.value + y.value; alert(sum); } </script> <input type="submit" value="submit" onclick="sum(x, y)"> </form> </body> 但是您还需要将这些值解析为数字： </head> <body> <form> <input type="number" id="x"> <input type="number" id="y"> <script> let x = document.getElementById('x'); let y = document.getElementById('y'); function sum(x, y) { let sum = parseFloat(x.value) + parseFloat(y.value); alert(sum); } </script> <input type="submit" value="submit" onclick="sum(x, y)"> </form> </body>

javascript html input alert html-input

回答 2 投票 0

如果 jQuery 过滤方法找不到结果，如何显示警报

我有一个 jQuery 问题，如果无法使用过滤器方法找到结果，则显示警报。我的代码在这里： $('#search_icon').click(function(){ var sSearch = $('#search').val().toLow...

jquery search filter alert

回答 1 投票 0

如何根据输入数量正确显示警报？

我正在参加一个非常初级的 JavaScript 课程，我们的任务是制作一个简单的循环“程序”。我决定询问用户颜色的名称，并根据他们给出的答案数量......

javascript for-loop if-statement while-loop alert

回答 1 投票 0

无法触发 Vuetify v-alert close 功能

我试图在 Vuetify v-alert 关闭时调用函数。我在文档中没有看到任何内容涵盖它。正如您在 codepen 示例中看到的，有一个可忽略的属性，用于...