Javascript - passing data to a function without parentheses

Asked Jan 24 '19 at 20:23

Active Jan 24 '19 at 20:26

Viewed 136 times

I know similar questions have been asked, but I still can't get this quite right. In this code, after 3 seconds, a message appears saying you can click the box. When you click it, an alert appears. That's what I want. Notice the function call has no parantheses. If you add the parentheses like this onclick=myfuction() it doesn't wait for the click. It just displays the alert. What if I wanted to pass a value to that function, if I try to do onclick=myfuction("somedata") It won't wait for the click. Is there a way to pass data to the function in this situation?

setTimeout(function(){
document.getElementById('okmessage').style.display='block',
document.getElementById('mydiv').onclick=myfunction,
document.getElementById('mydiv').style.cursor='pointer'},3000);

function myfunction() {alert("hello world")}

<div id="mydiv" style="width:300px;height:100px;background:red"></div>
<div id="okmessage" style="display:none">click the box now</div>

asked Jan 24 '19 at 20:23

CheeseFlavored

1,922
1
21
28

Sure, use closures :) – Papi Jan 24 '19 at 20:24
I'm not that good with javascript, I'll need an example. – CheeseFlavored Jan 24 '19 at 20:26
1

@CheeseFlavored Change onClick code to `document.getElementById('mydiv').onclick=function() { myfunction('somedata') }` and make your function to accept new param as, `function myfunction(data) { alert(data); }` – Amarnath Jan 24 '19 at 20:39
That's the answer I was looking for ! That worked. Thank you – CheeseFlavored Jan 24 '19 at 20:42

Javascript - passing data to a function without parentheses

0 Answers0