Fatal编程技术网
  • javascript/
  • Javascript 简单摄氏到华氏温度不工作

Javascript 简单摄氏到华氏温度不工作

javascript html

Javascript 简单摄氏到华氏温度不工作,javascript,html,Javascript,Html,我是编程新手，正在制作一个简单的JavaScript应用程序，可以转换输入的摄氏度值并输出华氏度。这似乎不起作用，但我做错了什么 函数CelciusToFarenheit（）{ a=document.getElementById（“Celcius”）.value； b=document.getElementById（“Farenheit”）； f=（a*（9/5）+32）； b、 innerHTML=f； } 项目 将celcius转换为farenheit： 塞尔修斯： 法伦海特： 算

我是编程新手，正在制作一个简单的JavaScript应用程序，可以转换输入的摄氏度值并输出华氏度。这似乎不起作用，但我做错了什么


函数CelciusToFarenheit（）{
a=document.getElementById（“Celcius”）.value；
b=document.getElementById（“Farenheit”）；
f=（a*（9/5）+32）；
b、 innerHTML=f；
}

项目
将celcius转换为farenheit：




塞尔修斯：

法伦海特：

算计
您想更改名称或将
id=Celcius
添加到输入中

函数CelciusToFarenheit（）{
a=document.getElementById（“Celcius”）.value；
b=document.getElementById（“Farenheit”）；
f=（a*（9/5）+32）；
b、 innerHTML=f；
}

项目
将celcius转换为farenheit：



塞尔修斯：
法伦海特：

算计
您想更改名称或将
id=Celcius
添加到输入中

函数CelciusToFarenheit（）{
a=document.getElementById（“Celcius”）.value；
b=document.getElementById（“Farenheit”）；
f=（a*（9/5）+32）；
b、 innerHTML=f；
}

项目
将celcius转换为farenheit：



塞尔修斯：
法伦海特：

算计
您在HTML代码中没有将Celcius作为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" id="Celcius" name="Celcius"><br>
      Farenheit: <span id="Farenheit"></span><br>
      <button id="submit" onclick="CelciusToFarenheit()">Calculate</button>
   </div>
</body>
</html>
您没有将Celcius作为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>
您在输入字段中只声明了名称而不是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>
您的脚本未更改

您在输入字段中只声明了名称而不是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>
您的脚本未更改

您的输入有一个
名称
属性，但没有
id
属性。将HTML中的
name
替换为
id
。另外，在声明变量时，请使用正确的变量声明语法（
var
、
let
或
const
）。W3School有一个关于这方面的教程：你的输入有一个
名称
属性，但没有
id
属性。将HTML中的
name
替换为
id
。另外，在声明变量时，请使用适当的变量声明语法（
var
、
let
或
const
）。W3School有一个关于这方面的教程：当我将代码放入TryItEditor时，它似乎起作用，但在atom.ide上却不起作用。我使用正确的名称正确地链接了我的js。当我把代码放在TryItEditor中时，它似乎可以工作，但在atom.ide上却不行。我使用正确的名称正确链接了我的js。