How do you call a function with parameters using onclick?

Question

I have a list of checkboxes that I want to display based on current time when user clicks a button.

JS:

var hour = (new Date()).getHours();
showMed('A', hour == 19);
showMed('B', hour == 19);
showMed('C', hour == 13);

function showMed(med, show) {
document.getElementById('med' + med).style.display = show ? '' : 'none';
}

HTML

<div class="inner" id=text><button onClick="showMed()">Check</button></div>
<form>
<div id='medA'>
<input type="checkbox" name="Med A" value="A">Medication A
</div>
<div id='medB'>
<input type="checkbox" name="Med B" value="B">Medication B
</div>
<div id='medC'>
<input type="checkbox" name="Med C" value="C">Medication C
</div>
</form>

I want the user to click the button and it will display the checkboxes based on the current time. But at the moment I can't seem to call the function

I think you are going to need to add some more description. I can't really tell what exactly you're trying to do. — user1269942
– user1269942, Commented Jul 28, 2016 at 5:24

Oscar J. Irun · Accepted Answer · 2016-07-28 05:24:27Z

1

I guess you should try this:

JS:

function myFunction(){
   var hour = (new Date()).getHours();
   showMed('A', hour == 19);
   showMed('B', hour == 19);
   showMed('C', hour == 13);
}

function showMed(med, show) {
   document.getElementById('med' + med).style.display = show ? '' : 'none';
}

HTML

 <div class="inner" id=text><button onClick="myFunction()">Check</button></div>
<form>
<div id='medA'>
<input type="checkbox" name="Med A" value="A">Medication A
</div>
<div id='medB'>
<input type="checkbox" name="Med B" value="B">Medication B
</div>
<div id='medC'>
<input type="checkbox" name="Med C" value="C">Medication C
</div>
</form>

answered Jul 28, 2016 at 5:24

Oscar J. Irun

4756 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do you call a function with parameters using onclick?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related