试图让按钮工作的功能,但我的警报弹出了书面脚本

Trying to make button work the function but my alert is popping up the written script

本文关键字:脚本 我的 按钮 工作 功能      更新时间:2023-09-26

我正在尝试制作一个函数,要求用户选择两个整数,并在单击按钮后以警报的形式吐出最小的一个。我不确定我做错了什么,因为无论我在函数中写什么,都是一个警告,而不是我试图实现的实际事件。

function smallestNumber() {
    var smallNumber= Math.min(prompt('pick a number').value , prompt('pick another number').value);
    console.log(smallNumber);
}
alert(smallestNumber);
document.getElementsByTagName("button").addEventListener("click", smallestNumber);

HTML代码:

<!DOCTYPE html>
<html>
    <head>
        <title>testing script</title>
    </head>
    <body>
        <button>this button</button>
        <script src="testscript.js"></script>
    </body>
</html>

JSfiddle链接:https://jsfiddle.net/ypvL9oyd/

这是因为您将函数命名为smallestNumber和变量smallNumber,但您提醒smallestNumber(函数的名称)-alert是正确的变量!

alert(smallNumber)

正如@AtheistP3ace所指出的,你的alert不在你的功能范围内。

function smallestNumber(){
    var smallNumber = Math.min(prompt('pick a number').value , prompt('pick another number').value);
    alert(smallNumber);
} 

document.getElementsByTagName()返回一个数组。

CCD_ 7直接返回答案;它不在prompt().value中,这是undefined

prompt返回一个字符串,所以您需要记住将其解析为整数才能在Math.min() 中使用

function smallestNumber(){
    var smallNumber= Math.min(parseInt(prompt('pick a number')) , parseInt(prompt('pick another number')));
    console.log(smallNumber);
    alert(smallNumber);
}
document.getElementsByTagName("button")[0].addEventListener("click", smallestNumber);