关于js绑定事件问题

来源：4-10 选择题

the__sky123

2018-05-08 23:20:11

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function sum(x)
{
//var x=document.getElementById("txt1").value;
var i,s=0;
for(i=1;i<=x;i++)
{
       s=s+i;
}
document.getElementById("txt3").innerHTML=s;
}
</script>
</head>
<body>
<!-- <a href="js作业.html" target="two"></a><br> -->
计算累加和：1+2+...+<input type="text" id="txt1">
<input type="button" value="=" onclick="sum(txt1.value)">
<div id="txt3"></div>
</body>
</html>

题目要求是第一个文本框接收数据，点击等于按钮触发事件，第二个文本框输出值，
如何使用var one.click = function(){
....
}
来实现事件的绑定和值的传入？

写回答

3回答

一叶知秋519

2018-05-09

已采纳

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    计算累加和：1+2+...+
    <input type="text" id="txt1">
    <input type="button" id="btn" value="=">
    <div id="txt3"></div>
</body>
 <script>
    var btn1=document.getElementById("btn");
    btn1.onclick = function(){
        var x=document.getElementById("txt1").value;
        var i, s = 0;
        for (i = 1; i <= x; i++) {
            s = s + i;
        }
        document.getElementById("txt3").innerHTML = s;        
    }
</script>
</html>

这是修改以后的代码，两段代码结合一下就可以了。

祝学习愉快！

hhe__sky123

h 非常感谢！

h018-05-23

共3条回复

慕布斯37364

2018-05-09

你说的是不是和这个一样？
https://zhidao.baidu.com/question/680086776350462532.html

一叶知秋519

2018-05-09

你是说的这种方式吗？

<input type="button" value="click me" id="btn">
 
<script>
document.getElementById("btn").onclick = function(){
 alert("hello world!");
}
</script>

祝学习愉快~

hhe__sky123

h 如何把值传到js段里让他计算

h018-05-10

共5条回复

0 学习 · 10204 问题

查看课程

相似问题

关于绑定事件问题

回答 1

关于js问题

回答 1

js事件问题

回答 1

代码这样写对吗任务里面的打开网页按钮并进行变量接受和按钮绑定鼠标单击事件是什么意思

回答 1

html框架中关闭窗口的问题

回答 4

打开慕课网App查看更多内容