javascript - 弹出警报

Question

这是 HTML 代码

<p>
 filename:
<input type="text" id="finput">
<input type="button" value="upload" onclick:"uploadText()">
</p>

这是我尝试编写和调用的 JavaScript 函数:

function uploadText(){
  var textinput= document.getElementById("finput");
  var userinput= textinput.value;
  alert ("you chose" + userinput);
  };

我不确定出了什么问题。当我单击该按钮时，没有任何响应或警报。我正在使用 codepen 编写这段代码。对我做错了什么有任何见解吗？

这里是 codepen 的链接: https://codepen.io/sophiesucode/pen/qBEoOEV

Answer 1

在 html 中，您可以使用等号 (=) 进行赋值，而在此处，您可以在事件处理程序的赋值中使用冒号 (:)。

冒号用于 CSS 样式，但不用于 HTML。将其更改为等号即可运行。

<input type="button" value="upload" onclick="uploadText()">