I'm completely new to javascript and html and my hello world script isn't working. I want to get a button to trigger an alert. Here's the code:
<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>
<body>
<button type="button" onclick="click()">
click me
</button>
<script>
function click(){
alert("hello world");
}
</script>
</body>
</html>
This one works, something like "click" name maybe shouldn't be used as function name to be called in html
<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>
<body>
<button type="button" onclick="someClick()">
click me
</button>
<script>
function someClick(){
alert("hello world");
}
</script>
</body>
</html>Using inline event handlers is bad practice and results in poorly factored, hard-to-manage code. Seriously consider attaching your events with JavaScript, instead, eg: https://developer.mozilla.org/en/DOM/element.addEventListener
Try attaching an event listener instead, like this:
document.querySelector('button').addEventListener('click', function() {
alert("hello world");
});<button type="button">
click me
</button> 
its not work because the click word is reserve word of javascript tyr this
<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>
<body>
<button type="button" onclick="oneclick()">
click me
</button>
<script>
function oneclick(){
alert("hello world");
}
</script>
