求快看看 想知道怎么才能输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Math对象方法的调用</title>
    <script type="text/javascript">
        function getNum(){
//1、获取输入的数字
            var num1=document.getElementById('num1').value;
            var num=new Number(num1);

//2、求出不同要求的数字,并显示在相应位置
            document.getElementById('result1').innerHTML=num.toFixed(2);
            document.getElementById('result2').innerHTML=num.toExponential(2);
            document.getElementById('result3').innerHTML=num.toPrecision(3);
            document.getElementById('result4').innerHTML=num.toPrecision(5);

        }
    </script>

</head>
<body>
<form name="form1">
    <p>请输入一个有3为以上小数位数的浮点型的数字:
        <input type="text" name="num1" id="num1" value="" />
        <input type="button" name="button" value="按钮" onclick="getNum()"/>
    </p>

    <p>它保留2位小数的指数形式是:
        <label for="text-field"></label>
        <input type="text" name="result1" id="result1" value=""/>
    </p>
    <p>它保留2位小数的小数形式是:
        <input type="text" name="result2" id="result2" value=""/>
    </p>
    <p>它转换成3位有效数字是:
        <input type="text" name="result3" id="result3" value="" />
        <br>
    </p>
    <p>它转换成5位有效数字是:
        <input type="text" name="result4" id="result4" value="" />
        <br><br>
    </p>
</form>

</body>
</html>

innerHTML改为value
document.getElementById('result1').value=num.toFixed(2);
document.getElementById('result2').value=num.toExponential(2);
document.getElementById('result3').value=num.toPrecision(3);
document.getElementById('result4').value=num.toPrecision(5);
如有帮助,请采纳!