Passing a variable into an alert

Question

When the correct string, foo, is entered into .guess I am trying to pull the value from .clicks and pass it into an alert. When I load the page with my current code (below) the alert reads Correct! You guessed it in clicks.. Why is the clicks variable not being passed?

Thanks

jQuery:

$('.guess').keyup(function() { 
    if ($('.guess').val() == "foo") {
        var clicks = $('.clicks').val();
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

HTML:

<div class="bar">
    <h2 class="clicks">0</h2>
    <input type="text" class="guess" />
</div>

val() is only used for input elements. for all other elements, use html(). — thescientist, Jun 04 '12 at 19:01

score 4 · Accepted Answer · edited Mar 20 '19 at 16:25

4

.val() is primarily used for getting the value of form input elements.

I think you want to use $(".clicks").text(), OR $(".clicks").html(),which will return "0".

edited Mar 20 '19 at 16:25

nafischonchol

82
1
9

answered Jun 04 '12 at 19:01

matt b

135,500
64
278
339

score 2 · Answer 2 · answered Jun 04 '12 at 19:01

2

$('.guess').keyup(function() { 
    if ($('.guess').val() == "foo") {
        var clicks = $('.clicks').text(); // .text() instead of .val()
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

answered Jun 04 '12 at 19:01

Zoltan Toth

46,038
11
115
133

thecodeparadox · Answer 3 · 2012-06-04T19:06:47.510

0

$('.guess').keyup(function() { 
    if ($.trim( this.value ) == "foo") {
        var clicks = $('.clicks').text();
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

edited Jun 04 '12 at 19:06

answered Jun 04 '12 at 19:01

thecodeparadox

84,459
21
136
161

score 0 · Answer 4 · edited May 23 '17 at 12:07

Working demo click here :) http://jsfiddle.net/QSrWs/

please use api: .text()

This will help you to understand the difference: Difference between val() and text()

Val() works on input elements (or any element with a value attribute?) and text() will not work on input elements. Val() gets the value of the input element -- regardless of type. Text() gets the innerText (not HTML) of all the matched elements:

Hope this helps,

code

$('.guess').keyup(function() { 
    if ($('.guess').val() == "foo") {
        var clicks = $('.clicks').text();//$('.clicks').val();
        alert('Correct! You guessed it in ' + clicks + ' clicks.');
        location.reload();
    }
});

Passing a variable into an alert

4 Answers4