                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

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

<!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>

慕粉3274123

2016-07-10

源自：JavaScript进阶篇 7-13

关注问题我要回答

1503

操作

收起

6 回答

GreatDan 回答被采纳 +3 积分
2016-07-10

<!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。

0 回复有任何疑惑可以回复我~

#1

慕粉3274123 提问者

非常感谢！

2016-07-10 回复有任何疑惑可以回复我~

风雨潇潇_
2016-07-28

function change()

{

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

}

可以一步实现增加效率；

1 回复有任何疑惑可以回复我~

黄泉大官人3589618
2016-07-10

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

0 回复有任何疑惑可以回复我~

qq_新时代_0
2016-07-10

\n 也可以转行

0 回复有任何疑惑可以回复我~

qq_fighting_283439701
2016-07-10

删除window.onload

0 回复有任何疑惑可以回复我~

GreatDan
2016-07-10

上一个有问题。

<!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>

请注意加粗的那句话。

1 回复有任何疑惑可以回复我~

#1

慕粉3274123 提问者

我还想请问一下，window.onload和return什么情况下才比较适用呢？

2016-07-10 回复有任何疑惑可以回复我~

#2

CharlesLvm 回复慕粉3274123 提问者

window.onload是在你希望页面加载完之后才进行的操作才加这个，一般是自动的；return是你需要利用函数返回值的时候使用。详细讲解你可以回去看前面的章节。

2016-07-14 回复有任何疑惑可以回复我~

#3

qq_冷清一笑倾所爱_03613263

document.getElementById("result").value=Math.ceil(num);为什么不能写成var result =document.getElementById("result").value; result =Math.ceil(num);

2016-07-22 回复有任何疑惑可以回复我~

查看3条回复

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 469062 人
解答问题 22582 个

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

本课相似问答

3 回答设置两个输入框，一个按钮，实现输入两个数，点击按钮比较大小怎么写。

1 回答比较两个输入数字大小，点击按钮无反应

1 回答想请大神解答一下，为什么我创建了两个文本框，在第一个文本框获取输入的数值，点击按钮后，在第二个文本框显示输入数值对应节点的下一个节点，但是为何无法显示出来？

2 回答点击提交只出现了一个输入框

3 回答怎么在输入框里设置只输入数字

搜索更多本课相关问答

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

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号