[英]how to make an event happen when click a button on HTML by using javascript
I am trying to make HTML print out "Germany" when you click the button. 单击按钮时,我试图使HTML打印出“德国”。 But it is not working correctly.
但是它不能正常工作。 Is there something wrong in my code?
我的代码有问题吗?
HTML 的HTML
<input type="button" value="click!" onclick="shuffle();"/>
<div id="output"></div>
Javascript Java脚本
(function(){
window.onload = function(){
alert("welcome to my trip record");
}
})();
var shuffle = function(){
var target = document.getElementById("output");
target.innerHTML = "Germany";
}
Remove the ;
删除
;
from your onclick
从您的
onclick
<input type="button" value="click!" onclick="shuffle()"/>
Try to use addEventListener for make event on button click 尝试使用addEventListener进行按钮单击时的make事件
document.getElementById("myBtn").addEventListener("click", function(){
var target = document.getElementById("output");
target.innerHTML = "Germany";
});
here is the working jsfiddle: https://jsfiddle.net/jxjpzvvz/ 这是工作的jsfiddle: https ://jsfiddle.net/jxjpzvvz/
<button id='btn_click' type="button">Click me!</button>
<div id="output"></div>
use button element for buttons, not input type button. 将按钮元素用于按钮,而不是输入类型按钮。 we are not in the time of html 4.0 ;)
我们不在html 4.0的时代;)
(function(){
window.onload = function(){
alert("welcome to my trip record");
}
})();
var shuffle = function(event){
var target = document.getElementById("output");
target.innerHTML = "Germany";
}
document.getElementById('btn_click').addEventListener('click', shuffle);
i'm fan of no js in the html tags directly, so i add a listener to the element 我是html标签中没有js的粉丝,所以我向该元素添加了一个侦听器
You made two mistakes First mistake <input />
this is nothing. 您犯了两个错误第一个错误
<input />
这没什么。 Second most common "function ();", the ";" 第二个最常见的“函数();”,“;” Is wrong
是错的
Your corrected code 您更正的代码
(function(){ window.onload = function(){ alert("welcome to my trip record"); } })(); var shuffle = function(){ var target = document.getElementById("output"); target.innerHTML = "Germany"; }
<input type="button" value="click!" onclick="shuffle()"/> <div id="output"></div>
I like to use DOM EventListener 我喜欢使用DOM EventListener
window.onload = function(){ alert("welcome to my trip record"); } document.getElementById("myBtn").addEventListener("click", function_t); function function_t(){ var target = document.getElementById("output"); target.innerHTML = "Germany"; }
<input type="button" value="click!" id = "myBtn" > <div id="output"></div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.