为什么我的计算器不工作？答案

【问题标题】：Why does my calculator not work?为什么我的计算器不工作？
【发布时间】：2014-05-08 17:28:52
【问题描述】：

它不要求提示，你能告诉我为什么它不起作用吗？我有点不喜欢javascript。差不多就这些了。

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Justin's Experiment's</h1>



<script>
var ask = prompt("enter first number") 
var ksa = prompt("enter second number")
var rew = prompt("Enter function")
document.write(ask rew ksa)
</script>







</body>



</html>

【问题讨论】：

因为您实际上没有在任何地方使用过加法运算符？
document.write(ask rew ksa) 不是有效的语法。附言在开发 JavaScript 时始终打开开发工具/控制台。
检查你的控制台，这行应该有错误：document.write(ask rew ksa)。你也没有使用';'
@davibq javascript 不需要分号，这不是错误。

标签： javascript prompt

【解决方案1】：

JSFIDDLE

这是一种方法：

HTML：

<p id="result"><p>

Javascript：

var lblResult = document.getElementById('result');

var number1 = prompt("enter first number");
var number2 = prompt("enter second number");
var operator = prompt("Enter function");

var result = calculate(number1, number2, operator);

if (result === null) lblResult.innerText = "Invalid operator";
else lblResult.innerText = number1 + operator + number2 + " = " + result;

function calculate(n1, n2, op) {

    n1 = Number(n1);
    n2 = Number(n2);


    switch (op) {
        case "+":
        return n1 + n2;
        case "-":
        return n1 - n2;
        case "/":
        return n1 / n2;
        case "*":
        return n1 * n2;
        default:
        return null;
    }
}

您的 document.write 没有任何“+”并且没有计算结果。为了得到结果，函数计算通过 2 个数字和运算符传递。我们将 2 数字与 Number 一起转换以将字符串转换为数字，然后如果支持运算符，则结果将是等式的结果，如果运算符不存在，则结果将为 null。然后您可以轻松地打印结果或向用户发送消息！

我用 id="result" 添加了<p>，因为最好在标签内打印结果，然后使用 document.write。在 javascript 中，要获取 html 元素，您只需执行以下操作：

var lblResult = document.getElementById('result');

然后你可以改变文字：

lblResult.innerText = "text";

【讨论】：