将“if/else”与 OnClick 结合使用

首先，是否可以直接在带有 onclick 属性的 html 中编写 if/else 语句？如果是这样，为什么我的代码不起作用？

所以这是一个按钮。 “Calc.Input.value”指的是文本输入，如果该字段为 0 或空白，我想显示错误消息。在所有其他情况下，我希望发生一些其他事情，如您所见。但这并不相关，因为“else”之后的所有内容之前都运行良好。

<INPUT TYPE="button" NAME="drop" id="dropbutton" style="background-color:#D1E8D5;" VALUE="
Släpp ankare " OnClick="if ("Calc.Input.value == ''" || "Calc.Input.value == '0'")
{window.alert("Please enter a number");} else 
{document.getElementById('dropbutton').value=' Justera 
längd ';document.getElementById('length').innerHTML =
Calc.Input.value;document.getElementById('dropbutton').style.cssText = 'background-
color:#FFF6B3;';}">

只是不要将其放在 onclick 属性中。

Use

<INPUT TYPE="button" NAME="drop" id="dropbutton" style="background-color:#D1E8D5;" VALUE="Släpp ankare ">
<script>
document.getElementById('dropbutton').onclick = function() {
    if (Calc.Input.value == '' || Calc.Input.value == '0') {
         window.alert("Please enter a number");
    } else {
        document.getElementById('dropbutton').value=' Justera längd ';
        document.getElementById('length').innerHTML = Calc.Input.value;
        document.getElementById('dropbutton').style.backgroundColor = '#FFF6B3';
    }
    return false;
}
</script>