我想实现,输入数字,点击按钮就进行转换,同时在另外一个输入框显示答案。

来源:7-13 向上取整ceil()

慕粉3274123

2016-07-10 09:43

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>

window.onload=function change(){
	var num =document.getElementById("number").value;
	var result =document.getElementById("result").value;
	result =Math.ceil(num);
	return result;
}	
</script>
</head>
<body>

	<form>
		<input type="text" value="" placeholder="请输入数字" id="num">
		<input type="text" value="" placeholder="答案" id="result">
		<button type="button" onclick="change()">change</button>
	</form>

</body>
</html>


写回答 关注

6回答

  • GreatDan
    2016-07-10 11:21:43
    已采纳

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title></title>

    <script>

     

        function change(){

        var num =document.getElementById("num").value;

        var result =document.getElementById("result").value;

        result =Math.ceil(num);

    }  

    </script>

    </head>

    <body>

     

        <form>

            <input type="text" value="" placeholder="请输入数字" id="num">

            <input type="text" value="" placeholder="答案" id="result">

            <button type="button" onclick="change()">change</button>

        </form>

     

    </body>

    </html>

    首先,id的名字写错了。其次好像也用不着window,onload()吧,也不用加return。

    慕粉3274...

    非常感谢!

    2016-07-10 14:19:41

    共 1 条回复 >

  • 风雨潇潇_
    2016-07-28 08:46:13

     function change()

        {

            document.getElementById('result').value=Math.ceil(document.getElementById('num').value);

        }

    可以一步实现   增加效率;

  • 黄泉大官人3589618
    2016-07-10 12:19:06

    你并没有给转换到的文本框进行赋值

  • qq_新时代_0
    2016-07-10 11:29:34

    \n  也可以转行

  • qq_fighting_283439701
    2016-07-10 11:26:08

    删除window.onload

  • GreatDan
    2016-07-10 11:25:58

    上一个有问题。

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title></title>

    <script>

     

        function change(){

        var num =document.getElementById("num").value;

        document.getElementById("result").value=Math.ceil(num);

    }  

    </script>

    </head>

    <body>

     

        <form>

            <input type="text" value="" placeholder="请输入数字" id="num">

            <input type="text" value="" placeholder="答案" id="result">

            <button type="button" onclick="change()">change</button>

        </form>

     

    </body>

    </html>

    请注意加粗的那句话。

    我不是管家 回复qq_冷清一...

    因为js里的=号是赋值的意思,不是相等的意思

    2017-04-23 23:58:14

    共 6 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题