How do i make a button activate JavaScript?

Question

How do I make a html button activate javascript? For example, if I make a button and i click it, it activates a javascript code that confirms ("Hi"). Help would be appreciated!

And if you actually want me to give an example, I am new to this and this is what i have tried:

<!DOCTYPE html>
<button type="button">This is the button</button>
<script language="javascript"> 
confirm("hi")
</script>

Massive amount of help here: https://developer.mozilla.org/en/docs/Web/API/Event. — VisioN, May 07 '14 at 14:19
Yeah, StackOverflow works like this: "I want to achieve this, I've done that so far, but I am stuck at that point" and not "I want this, who will code this for me?" — Gottlieb Notschnabel, May 07 '14 at 14:21
Have you at least tried a [Google Search](https://www.google.co.in/search?client=safari&rls=en&q=how+to+show+an+alert+on+click+of+a+button+using+javascript&ie=UTF-8&oe=UTF-8&safe=active&gfe_rd=cr&ei=30FqU5iLDpOEuATqvoDYBA) — T J, May 07 '14 at 14:22
this is such a difficult task, I bet no javascript tutorial has ever covered this.. :) — Jay Harris, May 07 '14 at 14:22
Now would be a great time to learn how to learn, rather than outsourcing your work to the internet. — Kendall Frey, May 07 '14 at 14:24
No need of feeling bad,friend..Nobody is perfect..Try to learn and happy coding.. — Jameem, May 07 '14 at 14:39

score 0 · Answer 1 · answered May 07 '14 at 14:26

0

You need to bind an event listener to the button element (either via JS or as a tag attribute... for learning, I'd suggest the former), and use alert to display the message.

I'm not going to give you the code because that's not what SO is about.

answered May 07 '14 at 14:26

Shomz

37,421
4
57
85

score 0 · Accepted Answer · edited May 23 '17 at 10:26

0

You should search about events. In your case the click event to be specific. You have to handle the button's click event, like this:

<input type="button" value="Click Me" id="myButton" />

Then the script:

document.getElementById("myButton").onclick = function()
{
    window.alert("Hi there!");
}

Demo.

This is the simpler way of doing this. Here's some references for further information:

Good luck.

edited May 23 '17 at 10:26

Community

1
1

answered May 07 '14 at 14:27

DontVoteMeDown

21,122
10
69
105

@OP, the last link should be carefully read. It is often misunderstood what the difference is. – rlemon May 07 '14 at 14:39
there happy put example.and thanks for help – epcisky21 May 07 '14 at 14:39
1

@rlemon did you think isn't worth a read or as a reference? – DontVoteMeDown May 07 '14 at 14:41
1

@user3612541 sometimes people are a little rude on this forum, but get over it. Besides, try to read other's people questions to see how to ask on this forum properly. – DontVoteMeDown May 07 '14 at 14:45
@DontVoteMeDown I think you mis-understood. I urge the OP of the question to carefully read the last article (difference between on and addeventlistener). I +1'd your answer. – rlemon May 07 '14 at 14:55
@rlemon I see. I think you advised the OP because the content is a little advanced for him. If yes, you might be right, It didn't passed throgh my mind. Anyway thank you for your voting. – DontVoteMeDown May 07 '14 at 17:22
@user3612541 any problem with this ? – DontVoteMeDown Sep 09 '14 at 12:06
1

@DontVoteMeDown no no problem – epcisky21 Oct 13 '14 at 17:24

How do i make a button activate JavaScript?

2 Answers2