单击按钮时不显示结果-HTML、JavaScript
我的代码有问题。当我尝试单击按钮时,结果不显示。我认为我的按钮不起作用,或者我的js代码错了单击按钮时不显示结果-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文件中,它应该可以正常工作(因为在您的问题中它可以
函数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路径。