document.getElementById('').innerHTML simply not working

Asked Jun 22 '16 at 13:22

Active Jun 22 '16 at 13:25

Viewed 48 times

I'm not sure why this isn't working, there doesn't seem to be any typos and, to me, this is function code, however the

element does not change when the button is clicked. No error message. Any help appreciated.

<!DOCTYPE HTML>
<html>
<body>
<h1>Testing Page</h1>

<p id="hello">This will change.</p>

<p>
<button type="button" onclick="click()">Click Dis Ahlie</button>
</p>

<script type="text/javascript">
function click(){document.getElementById("hello").innerHTML="Hello";}
</script>
</body>
</html>

asked Jun 22 '16 at 13:22

zarya

3

try renaming your `click` function to something else e.g. `clickHandler` – Mohit Bhardwaj Jun 22 '16 at 13:24
Seeing any error in console? – brk Jun 22 '16 at 13:24
Add within your function `console.log("Running clock function")` to see if your function is invoked at all. – FDavidov Jun 22 '16 at 13:25
@MohitBhardwaj care to explain why `click()` doesn't work? – ebyrob Jun 22 '16 at 13:31
1

@ebyrob I think that's because javascript already has a function with that name. You can read more about it here: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click – Mohit Bhardwaj Jun 22 '16 at 13:33

document.getElementById('').innerHTML simply not working

0 Answers0