我的JS程序不起作用
[英]My JS Program doesn't work
問題描述
大家好，我真的是JavaScript新手，我寫了一個非常簡單的程序。 但不幸的是它沒有用..
我希望它執行操作，並將結果顯示到ID為“ result”的div中，請幫助。
請忽略此文本，因為我無法上傳我的問題，所以我正在寫它..
<html>
<head>
<title>
Calculation Exercise.
</title>
<script>
function adding(){
num1 = document.getElementById("FirstNumber").value;
num2 = document.getElementById("SecondNumber").value;
document.getElementById("result").innerHTML = num1 + num2;
}
function subtracting(){
num1 = document.getElementById("FirstNumber").value;
num2 = document.getElementById("SecondNumber").value;
document.getElementById("result").innerHTML = num1 * num2;
}
function multiply(){
num1 = document.getElementById("FirstNumber").value;
num2 = document.getElementById("SecondNumber").value;
document.getElementById("result").innerHTML = num1 * num2;
}
function devide(){
num1 = document.getElementById("FirstNumber").value;
num2 = document.getElementById("SecondNumber").value;
document.getElementById("result"}.innerHTML = num1 / num2;
}
</script>
<style>
body{
margin:0; padding:0;}
h2{
background-color:yellow; margin-bottom:170; text-align:center;}
#form1{
padding-left:760px;}
#result{
color:green;}
</style>
</head>
<body>
<div>
<h2>
Calculation Exercise.
</h2>
</div>
<div id="form1">
<form>
1st Number : <input type="text" id="FirstNumber" /> <br>
2nd Number : <input type="text" id="SecondNumber" /> <br>
<input type="button" onClick="adding()" value="adding" />
<input type="button" onClick="subtracting()" value="subtracting" />
<input type="button" onClick="multiply()" value="multiply" />
<input type="button" onClick="devide()" value="devide" />
</form>
The result is :
<span id="result"> </span>
</div>
</body>
1 個解決方案
解決方案1
1 已采納 2018-02-22 22:51:25
有兩個語法錯誤：
- 您的
devide()函數的最后一行在IDresult的選擇器旁邊有一個}而不是)。 - 您的
subtracting()函數中的數學運算當前為*，但應為-。
下面的固定版！ 另外，僅供參考，該單詞的拼寫為“除”（不是“除”）。
function adding() { num1 = document.getElementById("FirstNumber").value; num2 = document.getElementById("SecondNumber").value; document.getElementById("result").innerHTML = num1 + num2; } function subtracting() { num1 = document.getElementById("FirstNumber").value; num2 = document.getElementById("SecondNumber").value; document.getElementById("result").innerHTML = num1 - num2; } function multiply() { num1 = document.getElementById("FirstNumber").value; num2 = document.getElementById("SecondNumber").value; document.getElementById("result").innerHTML = num1 * num2; } function devide() { num1 = document.getElementById("FirstNumber").value; num2 = document.getElementById("SecondNumber").value; document.getElementById("result").innerHTML = num1 / num2; }
body { margin: 0; padding: 0; } h2 { background-color: yellow; margin-bottom: 170; text-align: center; } #result { color: green; }
<div> <h2> Calculation Exercise. </h2> </div> <div id="form1"> <form> 1st Number : <input type="text" id="FirstNumber" /> <br> 2nd Number : <input type="text" id="SecondNumber" /> <br> <input type="button" onClick="adding()" value="adding" /> <input type="button" onClick="subtracting()" value="subtracting" /> <input type="button" onClick="multiply()" value="multiply" /> <input type="button" onClick="devide()" value="devide" /> </form> The result is : <span id="result"> </span> </div>
hasClass在我的js代碼中不起作用？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.