Javascript 将 switch 的大小写绑定(bind)到 html 按钮

标签 javascript html function button switch-statement

我一直在尝试制作一个可以从 switch 调用 JavaScript 案例的按钮。我尝试创建的脚本应该计算正方形的周长和面积,但它似乎不起作用。

<html>
<body>
<form>
<input type=text id="num"><br>
<input type="button" value="area" id="abut" onclick=" return calc(this.value)">
<input type="button" value="per" id="pbut" onclick=" return calc(this.value)">
</form>
<script>
function calc(count) {
    var a =parseInt(document.getElementById("num").value);
    var w;
    if isNaN(a) {
        alert("Input a number");
    }
    else {
        switch(count) {
            case 'area' :
                w=a*a;
                break;
            case 'per' :
                w=a*4;
                break;
        }
        document.getElementById("res").innerHTML = w;
    }
}
</script>
<p id="res"></p>
</body>
</html>

最佳答案

拼写错误:if isNaN(a) 必须位于括号之间。应该是 if (isNaN(a))

function calc(count) 
{
    var a = parseInt(document.getElementById("num").value);
    var w;

    if (isNaN(a)) 
    {
        alert("Input a number");
    } 
    else 
    {
        switch (count) 
        {
            case 'area':
                w = a * a;
                break;
            case 'per':
                w = a * 4;
                break;
        }

        document.getElementById("res").innerHTML = w;
    }
}
<html>

<body>
  <form>
    <input type=text id="num">
    <br>
    <input type="button" value="area" id="abut" onclick=" return calc(this.value)">
    <input type="button" value="per" id="pbut" onclick=" return calc(this.value)">
  </form>
  <p id="res"></p>
</body>

</html>

关于Javascript 将 switch 的大小写绑定(bind)到 html 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41431166/

相关文章:

javascript - 更新段落中的文本后,单击段落到文本区域

javascript - 将事件类添加到菜单部分

html - 如何使用 Parsley 或 HTML5 验证小数位?

html - 使用 flexbox 在导航栏中垂直居中导航栏药丸

javascript - ajax - 刷新 div 的 javascript 函数

javascript - 我正在尝试使用谷歌表格自动化报告,我想增加范围(列,行),这样我就不会过度写入数据

javascript - 鼠标悬停图像到具有透明背景的文本

javascript - 将 async/await 与 babel 一起使用时 regeneratorRuntime is not defined 错误

javascript - 有没有办法通过 "undefine"实例方法来揭示原型(prototype)中定义的方法?

c++ - 我的函数不会向 C++ 中的局部变量返回值