Javascript 输入框乘以2的结果显示在窗口not div中_Javascript_Html_Button_Input_Parsefloat

Javascript 输入框乘以2的结果显示在窗口not div中

javascript html button input

Javascript 输入框乘以2的结果显示在窗口not div中,javascript,html,button,input,parsefloat,Javascript,Html,Button,Input,Parsefloat,我试图得到一个文本框，你可以在其中输入一个数字，然后你点击按钮，它会将它乘以2，并显示结果的数字。现在，它会为结果打开一个新页面，并显示输入的数字，而不是数字乘以2。我做错了什么？这里的初学者，请温柔一点！谢谢 <html> <script> function doubleit() { var theNumber=document.write(parseFloat(document.getElementById('theInput').value)); var doubl

我试图得到一个文本框，你可以在其中输入一个数字，然后你点击按钮，它会将它乘以2，并显示结果的数字。现在，它会为结果打开一个新页面，并显示输入的数字，而不是数字乘以2。我做错了什么？这里的初学者，请温柔一点！谢谢

<html>
<script>
function doubleit()
{
var theNumber=document.write(parseFloat(document.getElementById('theInput').value));
var doubleNumber =document.getElementById('theNumber')*2;
document.getElementById('theDiv').innerHTML(document.getElementById('doubleNumber'))
}
</script>
<body>
<p>Value: <input type="text" id="theInput" value="" size=10>
<input type="button" id="theButton" value="click me!" onclick="doubleit()"></p>
<div id="theDiv"></div>
</body>
</html>


函数doubleit（）
{
var theNumber=document.write（parseFloat（document.getElementById（'theInput'）.value））；
var doubleNumber=document.getElementById（'theNumber'）*2；
document.getElementById（'theDiv'）.innerHTML（document.getElementById（'doubleNumber'））
}
价值：

试试这个解决方案：

使用按钮的id调用函数以计算结果

theButton.onclick = function doubleit()
{
    //Simply get the number from user and parse it as float.
    var theNumber=parseFloat(document.getElementById('theInput').value);
    //Multiply it with 2
    var doubleNumber =theNumber*2;

    //Display the result in another div
    document.getElementById('theDiv').innerHTML = doubleNumber;
}

类似这样的东西

function doubleit()
{
var theNumber=parseFloat(document.getElementById('theInput').value) * 2;
document.getElementById('theDiv').innerHTML = theNumber;
}

调用

document.write

替换页面。删除它：

var theNumber=parseFloat(document.getElementById('theInput').value);

需要变量值时，不应使用

document.getElementById

：

var doubleNumber = theNumber * 2;

innerHTML

是一个属性，而不是一个方法：

document.getElementById('theDiv').innerHTML = doubleNumber;

document.getElementById('theDiv').innerHTML = doubleNumber;