单击按钮时不显示结果-HTML、JavaScript

单击按钮时不显示结果-HTML、JavaScript,javascript,html,css,Javascript,Html,Css,我的代码有问题。当我尝试单击按钮时,结果不显示。我认为我的按钮不起作用,或者我的js代码错了 函数val(){ var g=parseFloat(document.getElementById(“textvalue”).value); document.getElementById(“结果”).innerHTML=g+“g是”+(g/1000)+“kg”; }; 将克(g)换算为千克(kg) 转换 结果就在这里 将下面的代码粘贴到您的HTML文件中,它应该可以正常工作(因为在您的问题中它可以

我的代码有问题。当我尝试单击按钮时,结果不显示。我认为我的按钮不起作用,或者我的js代码错了

函数val(){
var g=parseFloat(document.getElementById(“textvalue”).value);
document.getElementById(“结果”).innerHTML=g+“g是”+(g/1000)+“kg”;
};

将克(g)换算为千克(kg)
转换

结果就在这里


将下面的代码粘贴到您的HTML文件中,它应该可以正常工作(因为在您的问题中它可以正常工作)。 我认为您可能没有正确链接JS文件,因此建议您只在HTML文件中包含JS代码

      <div class="container">
        <div class="row">
          <div class="col-xl-12">
            <h1>convert grams(g) to kilograms(kg) </h1>
          </div>
        </div>
      </div>

      <div class="container" id="main-content">
        <div class="row">
          <div class="col">
            <div class="input-group input-group-newsletter mb-5">
              <input type="string" class="form-control" placeholder="Enter value" id="textvalue">
            </div>
            <button type="button" class="btn btn-dark mt-1" id="cnvrtbutton" onclick="val()">Convert</button>
          </div>
          <div class="col" id="resultcol">
            <p id="result"> Result is here!</p>
          </div>
        </div>
      </div>
   <script>
    function val() {
      var g = parseFloat(document.getElementById("textvalue").value);
      document.getElementById("result").innerHTML = g + "g is " + (g / 1000) + " kg";
    };
</script>

将克(g)换算为千克(kg)
转换

结果就在这里

函数val(){ var g=parseFloat(document.getElementById(“textvalue”).value); document.getElementById(“结果”).innerHTML=g+“g是”+(g/1000)+“kg”; };
将下面的代码粘贴到您的HTML文件中,它应该可以正常工作(因为在您的问题中它可以正常工作)。 我认为您可能没有正确链接JS文件,因此建议您只在HTML文件中包含JS代码

      <div class="container">
        <div class="row">
          <div class="col-xl-12">
            <h1>convert grams(g) to kilograms(kg) </h1>
          </div>
        </div>
      </div>

      <div class="container" id="main-content">
        <div class="row">
          <div class="col">
            <div class="input-group input-group-newsletter mb-5">
              <input type="string" class="form-control" placeholder="Enter value" id="textvalue">
            </div>
            <button type="button" class="btn btn-dark mt-1" id="cnvrtbutton" onclick="val()">Convert</button>
          </div>
          <div class="col" id="resultcol">
            <p id="result"> Result is here!</p>
          </div>
        </div>
      </div>
   <script>
    function val() {
      var g = parseFloat(document.getElementById("textvalue").value);
      document.getElementById("result").innerHTML = g + "g is " + (g / 1000) + " kg";
    };
</script>

将克(g)换算为千克(kg)
转换

结果就在这里

函数val(){ var g=parseFloat(document.getElementById(“textvalue”).value); document.getElementById(“结果”).innerHTML=g+“g是”+(g/1000)+“kg”; };
它在这里运行得很好,那么有什么不同呢?在代码段中按预期工作当您运行代码段时,它似乎工作正常。如果它没有在你的应用程序中运行,可能你没有将函数导出或导入到html,或者反之亦然。它现在可以工作了,谢谢你的帮助!这是我的javascript路径。它在这里运行得很好,那么有什么不同呢?在代码段中按预期工作当您运行代码段时,它似乎工作正常。如果它没有在你的应用程序中运行,可能你没有将函数导出或导入到html,或者反之亦然。它现在可以工作了,谢谢你的帮助!这是我的javascript路径。