尽管代码（外观）正确，但Javascript输入/复选框程序未运行_Javascript_Html

尽管代码（外观）正确，但Javascript输入/复选框程序未运行

javascript html

尽管代码（外观）正确，但Javascript输入/复选框程序未运行,javascript,html,Javascript,Html,这段代码似乎不会运行，即使我找不到任何错误。这可能有点愚蠢，但我是个初学者，所以请不要评判：）另外，它应该抓取用户输入和选中的复选框选项，然后返回正确的中文输出（正式或非正式）正式：非正式：数字1字符：数字2字符：第3个字符：做中国人！答案会出现在这里设aa=（document.getElementById（'a'）.value）；设bb=（document.getElementById（'b'）.value）；让cc=（document.getElementById（'

这段代码似乎不会运行，即使我找不到任何错误。这可能有点愚蠢，但我是个初学者，所以请不要评判：）

另外，它应该抓取用户输入和选中的复选框选项，然后返回正确的中文输出（正式或非正式）


正式：

非正式：

数字1字符：

数字2字符：

第3个字符：

做中国人！
答案会出现在这里
设aa=（document.getElementById（'a'）.value）；
设bb=（document.getElementById（'b'）.value）；
让cc=（document.getElementById（'c'）.value）；
函数myFunction（）{
if（document.getElementById（'check1'）.checked）{
document.getElementById（'answer'）。innerHTML=（aa+“元"+bb+”角“+cc+”分");
}否则{
document.getElementById（'answer'）。innerHTML=（aa+“块“+bb+”毛“+cc+”分");
}
}

由于您是从

表单

元素内部处理用户输入（这是一件好事），浏览器认为按钮（唯一存在的按钮）用于提交数据。因此它基本上提交了数据（在这种情况下，实际上会进行刷新）。如果要阻止此按钮的数据提交，可以将

type=“button”

作为属性添加到按钮HTML代码中，现在它将充当“普通”按钮

另外，当使用直接嵌入到HTML代码中的事件侦听器时，需要在HTML中调用函数。为此，需要在函数名的末尾添加括号

最后，按钮代码应如下所示：

做中文！

甚至更好，它们现在有太多值得使用的问题，例如范围链和引号转义问题。请使用Javascript与

addEventListener

正确连接事件侦听器。

<html>

<form>
Formal:<input id="check1" type="checkbox"></input><br>
Informal:<input id="check2" type="checkbox"></input><br>
Num. 1 Char:<input id="a" type="number" value=" "></input><br>
Num. 2 Char:<input id="b" type="number" value=" "></input><br>
Num. 3 Char:<input id="c" type="number" value=" "></input><br>
<button onclick="myFunction">Make Chinese!</button>
</form>
<h1 id="answer">Answer will show up here</h1>

<script type="text/javascript">

let aa = (document.getElementById('a').value);
let bb = (document.getElementById('b').value);
let cc = (document.getElementById('c').value);


function myFunction() {
if (document.getElementById('check1').checked) {
document.getElementById('answer').innerHTML = (aa+"元"+bb+"角"+cc+"分");
}else{
document.getElementById('answer').innerHTML = (aa+"块"+bb+"毛"+cc+"分");
}
}

</script>

</html>