Javascript 试图使按钮工作的功能，但我的警报是弹出书面脚本_Javascript_Html

Javascript 试图使按钮工作的功能，但我的警报是弹出书面脚本

javascript html

Javascript 试图使按钮工作的功能，但我的警报是弹出书面脚本,javascript,html,Javascript,Html,我正在尝试创建一个函数，该函数将要求用户选择两个整数，并在单击按钮后以警报的形式吐出最小的一个整数。我不确定我做错了什么，因为我在函数中写的任何东西都是一个警报，而不是我试图实现的实际事件 function smallestNumber() { var smallNumber= Math.min(prompt('pick a number').value , prompt('pick another number').value); console.log(smallNumber

我正在尝试创建一个函数，该函数将要求用户选择两个整数，并在单击按钮后以警报的形式吐出最小的一个整数。我不确定我做错了什么，因为我在函数中写的任何东西都是一个警报，而不是我试图实现的实际事件

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>


测试脚本
这个按钮

jsiddle link:

这是因为您命名了函数

smallestNumber

和变量

smallNumber

——但是您警告

smallestNumber

（函数名称）警告

正确的变量
alert(smallNumber)

正如@AtheistP3ace所指出的，您的警报超出了您的功能范围
function smallestNumber(){
    var smallNumber = Math.min(prompt('pick a number').value , prompt('pick another number').value);
    alert(smallNumber);
} 

document.getElementsByTagName（）
返回一个数组
prompt（）
直接返回答案；它不在prompt（）
prompt
返回一个字符串，因此您需要记住将其解析为整数，以便在Math.min（）中使用它。

他们还将警报放在函数外部。还有一件事，他们没有访问getElementsByTagName返回的列表以正确获取特定元素，因此如果您还想添加，事件将永远不会附加到任何内容上。=]
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);