找不到Javascript页面的定义

时间：2017-04-22 10:05:14

标签： javascript html function calculator

我得到了一个使用HTML和JavaScript创建简单计算器的任务。 我已经构建了一个简单的HTML页面，其中包含三个输入，用于两个数字和一个运算符 我还创建了一个带有将运行计算器的函数的JS页面。

当我使用HTML页面中的<script>标记连接这两个页面时，当我检查JS页面时会弹出一条简短的消息：＆＃34;找不到CalculatorJS的定义。 JS＆＃34; （我的JS页面）。

这是我的HTML页面代码：

<head>  
    <title>Calculator</title>
</head>
<body>
    <h1>Simple Calculator</h1>
    <h3>Enter two numbers and an operation in the right places below</h3>
    <br>
    <br>
    <span><span> First Number</span> <span>Operation</span> <spaqn>Second        Number</span> </span>
    <br>
    <input type="text" id="firstNum">
    <span></span>

    <input type="text" id="operation">
    <span></span>

    <input type="text" id="secondNum">
    <span></span>

    <script src="CalculatorJS.js"></script>

    <button onclick="Calculate()">Calculate</button>

</body>

这是我的JS页面代码：

var num1 = document.getElementById("firstNum").value;
var num2 = document.getElementById("secondNum").value;
var operator = document.getElementById("operation").value;


var resulte = 0;
function Calculate(num1, operator,num2)
{
    if(operator == "+")
    {
        resulte = num1 + num2;
    }
    else if(operator == '-')
    {
        resulte = num1 - num2;
    }
    else if(operator == '*')
    {
        resulte = num1 * num2;
    }
    else if(operator == '/')
    {
        reulte = num1 / num2;
    }
    else{
        resulte = 'InValid Operator';
    }
    alert(resulte);
}

function Calculate2(num1, operator,num2)
{
    switch (operator) {
        case value: '+'
            return num1 + num2;
            break;
        case value: '-'
            return num1 - num2;
            break;
        case value: '*'
            return num1 * num2;
            break;
        case value: '/'
            return num1 / num2;
            break;

        default:
        return alert("InValid Charachter")
            break;
    }
}

我在其中任何一个页面上都做了一些让计算器不起作用的东西吗？ 当我尝试进行像1 + 1这样的简单计算时， 我得到了我写过的警告＆＃34; InValid Operator＆＃34;。

4 个答案:

答案 0 :(得分：0)

抱歉，在调用函数

之前，必须将num1和num2解析为int 
In [22]: df[['protein']].join(df[df.columns[df.eq('C').any()]])
Out[22]:
  protein  1  2  4
0   prot1  C  M  F
1   prot2  C  D  M
2   prot3  C  C  F
3   prot4  S  D  C
4   prot5  S  D  I

答案 1 :(得分：0)

加载页面时，变量num1，num2和operation取空值。之后，当您输入值并触发Calculate函数时，这三个变量什么也得不到，因为它们不在Calculate方法之内，因此它显示“无效的运算符”。

您必须在num1函数中声明num2，operation和Calculate。然后这三个变量将得到它们的值并显示结果。检查以下内容：

var resulte = 0;
		function Calculate()
		{
			var num1 = parseInt(document.getElementById("firstNum").value);
			var num2 = parseInt(document.getElementById("secondNum").value);
			var operator = document.getElementById("operation").value;
			if(operator == "+")
			{
				resulte = num1 + num2;
			}
			else if(operator == '-')
			{
				resulte = num1 - num2;
			}
			else if(operator == '*')
			{
				resulte = num1 * num2;
			}
			else if(operator == '/')
			{
				resulte = num1 / num2;
			}
			else{
				resulte = 'InValid Operator';
			}
			alert(resulte);
		}

		function Calculate2(num1, operator,num2)
		{
			switch (operator) {
				case value: '+'
					return num1 + num2;
					break;
				case value: '-'
					return num1 - num2;
					break;
				case value: '*'
					return num1 * num2;
					break;
				case value: '/'
					return num1 / num2;
					break;

				default:
				return alert("InValid Charachter")
					break;
			}
		}
<head>  
    <title>Calculator</title>
</head>
<body>
    <h1>Simple Calculator</h1>
    <h3>Enter two numbers and an operation in the right places below</h3>
    <br>
    <br>
    <span><span> First Number</span> <span>Operation</span> <span>Second        Number</span> </span>
    <br>
    <input type="text" id="firstNum">
    <span></span>

    <input type="text" id="operation">
    <span></span>

    <input type="text" id="secondNum">
    <span></span>

    <button onclick="Calculate()">Calculate</button>

</body>

答案 2 :(得分：-1)

＆＃13;
＆＃13; 
<head>
    <title>Calculator</title>
</head>

<body>
    <h1>Simple Calculator</h1>
    <h3>Enter two numbers and an operation in the right places below</h3>
    <br>
    <br>
    <span><span> First Number</span> <span>Operation</span>
    <spaqn>Second Number</span>
        </span>
        <br>
        <input type="text" id="firstNum">
        <span></span>

        <input type="text" id="operation">
        <span></span>
        <input type="text" id="secondNum">
        <span></span>

        <button onclick="Calculate()">Calculate</button>

</body>
<script>
    var resulte = 0;

    function Calculate() {
        var num1 = parseInt(document.getElementById("firstNum").value);
        var num2 = parseInt(document.getElementById("secondNum").value);
        var operator = document.getElementById("operation").value;
        if (operator == "+") {
            resulte = num1 + num2;
        } else if (operator == '-') {
            resulte = num1 - num2;
        } else if (operator == '*') {
            resulte = num1 * num2;
        } else if (operator == '/') {
            resulte = num1 / num2;
        } else {
            resulte = 'InValid Operator';
        }

        alert(resulte);

    }
</script>
＆＃13;
＆＃13;
＆＃13;

答案 3 :(得分：-1)

<head>
    <title>Calculator</title>
</head>

<body>
    <h1>Simple Calculator</h1>
    <h3>Enter two numbers and an operation in the right places below</h3>
    <br>
    <br>
    <span><span> First Number</span> <span>Operation</span>
    <spaqn>Second Number</span>
        </span>
        <br>
        <input type="text" id="firstNum">
        <span></span>

        <input type="text" id="operation">
        <span></span>

        <input type="text" id="secondNum">
        <span></span>

        <button onclick="Calculate()">Calculate</button>

        <script>
            var resulte = 0;

            function Calculate() {
                var num1 = document.getElementById("firstNum").value;
                var num2 = document.getElementById("secondNum").value;
                var operator = document.getElementById("operation").value;

                if (operator == "+") {
                    resulte = Number(num1) + Number(num2);
                } else if (operator == '-') {
                    resulte = Number(num1) - Number(num2);
                } else if (operator == '*') {
                    resulte = Number(num1) * Number(num2);
                } else if (operator == '/') {
                    if (Number(num2) == 0) {
                        resulte = 'Invalid Operation';
                        alert('Division by zero is undefined.')
                    } else {
                        resulte = Number(num1) / Number(num2);
                    }
                } else {
                    resulte = 'InValid Operator';
                }
                alert(resulte);
            }
        </script>
</body>

相关问题
最新问题