Javascript 如何使用HTML、jQuery、数字API

所以，我用括号，我一直在讨论这个问题，也许我只是对这些东西理解不够。这是我想要做的，我正在尝试制作一个HTML文档，它有一个输入字段和按钮。当您在输入字段中输入一个数字并按下按钮时，它会将该信息提供给一个单独的

app.js

文件，该文件连接一个api，并查找有关该数字的有趣事实。我遇到的问题是，我似乎无法将html与JavaScript/jQuery连接起来

请帮忙，提前谢谢

$（功能测试（）{
$（“#按钮”）。单击（函数（）{
var userInput=document.getElementById（“userInput”）.value；
警报（“点击按钮”）；
}
$.ajax({
键入：“GET”，
url:“http://numbersapi.com/“+userInput+”/math？回调=？”，
数据类型：“jsonp”，
成功：功能（结果）{
var hi=结果；
控制台日志（hi）；
$（“#结果”）。追加（结果+“hi”）；
}
});
);
});

选一个数字
数字

提交
这是一个段落
 
问题：

1-语法错误。警报后的额外}

2-绑定函数时使用了错误的CSS选择器。按钮html中没有ID属性

3-包括两个jQuery脚本。你应该去掉一个。（感谢@Nishit Maheta指出这一点）

所有修复程序：


$（功能测试（）{
$（“#按钮sbm”）。单击（函数（）{
var userInput=document.getElementById（“userInput”）.value；
警报（“点击按钮”）；
$.ajax({
键入：“GET”，
url:“http://numbersapi.com/“+userInput+”/math？回调=？”，
数据类型：“jsonp”，
成功：功能（结果）{
var hi=结果；
控制台日志（hi）；
$（“#结果”）。追加（结果+“hi”）；
}
});
});
});

选一个数字
数字

提交
这是一个段落