Use jQuery On Click to Change Text Inside Span

Question

EDIT: I'm a fool. I didn't have jQuery loaded on my jsFiddle. I thought it automatically came loaded with a new Fiddle. Please disregard.

Alright, I've been trying to get this to work and can't for the life of me figure it out. I'm sure it's something insanely easy and I'm just not seeing it.

I have a span with pre-populated text inside of it. I want to click the button and change the text inside of the span to something else. Then I want to click the other button and change the text again.

Any thoughts? Thanks!

HTML

<div>
    <button id="bye">Bye</button>
    <button id="hello">Hello</button>
</div>
<div>
    <p>1: <span id="greeting">Greeting</span></p>
</div>

Javascript

$('#hello').on('click', function() {
    $('#greeting').text('Hello');
});
$('#bye').on('click', function() {
    $('#greeting').text('Bye');
});

JSFIDDLE

you need to include jquery ... http://jsfiddle.net/yxs0pppj/7/ — AmmarCSE, Jun 05 '15 at 16:33
I think you would need to place the new text into the html: $("#greeting").html('Hello'); — Dean.DePue, Jun 05 '15 at 16:37
I didn't have jQuery loaded. I thought it came with a new Fiddle. — ObbyOss, Jun 05 '15 at 17:25

score 0 · Answer 1 · edited May 23 '17 at 12:30

0

So my guess would be that you're not properly loading JQuery, I pasted this code verbatim into a rails app I had open that had JQuery loaded and it worked perfectly. So just load JQuery and you should be good to go

edited May 23 '17 at 12:30

Community

1
1

answered Jun 05 '15 at 17:05

Zubatman

1,235
3
17
34

I didn't have jQuery loaded. I thought it came with a new Fiddle. – ObbyOss Jun 05 '15 at 17:25
1

You can load it in, but the default is just pure JS – Zubatman Jun 05 '15 at 18:59

Use jQuery On Click to Change Text Inside Span

1 Answers1