簡單攝氏到華氏不工作

我是新手編程，並且正在製作一個簡單的JavaScript應用程序，用於轉換輸入的攝氏度值並輸出華氏度。它似乎沒有工作壽，我做錯了什麼。簡單攝氏到華氏不工作


 
    function CelciusToFarenheit() { 
 
     a = document.getElementById("Celcius").value; 
 
     b = document.getElementById("Farenheit"); 
 
     f = (a * (9/5) + 32); 
 
     b.innerHTML = f; 
 
     }

<html> 
 
    <head> 
 
    <title>Projects</title> 
 
    <script src="pr.js" type="text/js"></script> 
 
    <link href="main.css" rel="stylesheet" type="text/css" /> 
 
    </head> 
 
    <body> 
 
     <div class="div1"> 
 
     Convert celcius to farenheit: 
 
     <br> 
 
     <br> 
 
     Celcius: <input type="number" name="Celcius" id="Celcius"><br> 
 
     Farenheit: <span id="Farenheit"></span><br> 
 
     <button id="submit" onclick="CelciusToFarenheit()">Calculate</button> 
 
     </div> 
 
    </body> 
 
    </html>

來源

2017-07-20 Sohaib Asim Syed

你攝氏度'input'有一個'name'屬性，但不是'id'財產。在HTML中用'id'替換'name'。在聲明變量時也請使用適當的變量聲明語法（'var'，'let'或'const'）。 – glhrmv

這裏有一個W3School教程：https://www.w3schools.com/js/tryit.asp?filename=tryjs_celsius –

您想更改名稱或添加id=Celcius輸入

function CelciusToFarenheit() { 
 
    a = document.getElementById("Celcius").value; 
 
    b = document.getElementById("Farenheit"); 
 
    f = (a * (9/5) + 32); 
 
    b.innerHTML = f; 
 
}

<html> 
 

 
<head> 
 
    <title>Projects</title> 
 
    <script src="pr.js" type="text/js"></script> 
 
    <link href="main.css" rel="stylesheet" type="text/css" /> 
 
</head> 
 

 
<body> 
 
    <div class="div1"> 
 
    Convert celcius to farenheit: 
 
    <br> 
 
    <br> Celcius: <input type="number" id="Celcius"><br> Farenheit: <span id="Farenheit"></span><br> 
 
    <button id="submit" onclick="CelciusToFarenheit()">Calculate</button> 
 
    </div> 
 
</body> 
 

 
</html>

來源

2017-07-20 10:38:47

當我把代碼放在TryItEditor中，但不是在我的atom.ide上時，它似乎工作。我用正確的名字正確地鏈接了我的js。 –

您還沒有放置攝氏度爲ID，但在您的HTML代碼中作爲名稱。

做這樣的：

<html> 
<head> 
    <title>Projects</title> 
    <script src="pr.js" type="text/js"></script> 
    <link href="main.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <div class="div1"> 
     Convert celcius to farenheit: 
     <br> 
     <br> 
     Celcius: <input type="number" id="Celcius" name="Celcius"><br> 
     Farenheit: <span id="Farenheit"></span><br> 
     <button id="submit" onclick="CelciusToFarenheit()">Calculate</button> 
    </div> 
</body> 
</html>

，我建議你之前和之後的一些代碼中使用標籤像<p>或div代替<br>。就像這種情況一樣。

<br>Celcius: <input type="number" id="Celcius" name="Celcius"><br>

來源

2017-07-20 10:38:57

您在輸入字段中只聲明瞭名稱不是id。寫ID

<html> 
    <head> 
     <title>Projects</title> 
     <script src="pr.js" type="text/js"></script> 
    <link href="main.css" rel="stylesheet" type="text/css" /> 
    </head> 
<body> 
    <div class="div1"> 
     Convert celcius to farenheit: 
     <br> 
     <br> 
     Celcius: <input type="number" name="Celcius" id="Celcius"><br> 
     Farenheit: <span id="Farenheit"></span><br> 
     <button id="submit" onclick="CelciusToFarenheit()">Calculate</button> 
    </div> 
</body> 
</html>

JS：

function CelciusToFarenheit() { 
      a = document.getElementById("Celcius").value; 
      b = document.getElementById("Farenheit"); 
      f = (a * (9/5) + 32); 
      b.innerHTML = f; 
    }

腳本不變

來源

2017-07-20 11:11:12

簡單攝氏到華氏不工作

回答

相關問題