Event handler with functions which have arguments

Asked May 16 '16 at 10:49

Active May 16 '16 at 15:55

Viewed 20 times

what is the proper way to have an event handler call a method which needs arguments e.g

<input type="button" name="Blue" value="blue" onclick=bgcol("blue")>

All attributes should have used "" e.g with name, name="blue" however if i do this for the onclick it wont work since it can't match the speech marks. THis code does work however isn't validated using w3 validator. So whats the proper way to do this? bgcol is a function which takes an argument colour and simply sets the background colour to that argument. Can this be done using only one function bgcol?

edited May 16 '16 at 15:55

asked May 16 '16 at 10:49

Mark

1,337
23
34

Use HTML5 `data-` attributes.? – Sandeep Nayak May 16 '16 at 10:50
1

In general, you should use [`addEventListener`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) instead of intrinsic event attributes. – Quentin May 16 '16 at 10:50
You don't use attribute handlers. That's how. Read about `addEventListener()` – Madara's Ghost May 16 '16 at 10:51
@Quentin thank you instead i can do `onclick="bgcol('blue')"`> – Mark May 16 '16 at 11:03

Event handler with functions which have arguments

0 Answers0