javascript parseInt to change an image depending on an input text

Question

I have the following function that changes an named imager, depending on the number typed on the input text named textvalue. But this does not work. I am not sure if I have used parseInt correctly.

function conditioner (){

    var textvaluevariable= parseInt(document.getElementById("textvalue").innerHTML,10);
    switch (textvaluevariable) {
    case 0:
        document.getElementById("imager").src = "b1.png";
        break;
    case 1:
        document.getElementById("imager").src = "g1.png";
        break;
    case 2:
        document.getElementById("imager").src = "b1.png";
        break;
    case 3:
        document.getElementById("imager").src = "g1.png";
        break;
    case 4:
        document.getElementById("imager").src = "b1.png";
        break;
    case 5:
        document.getElementById("imager").src = "g1.png";
        break;
    case 6:
        document.getElementById("imager").src = "b1.png";
        break;
}


}

Are you really only using those two images? Because in that case: `imagerElement.src = (parseInt(textvaluevariable,10) % 2 === 0 ? 'g' : 'b') + '1.png'; would seem to work. — David Thomas, Sep 13 '14 at 16:16
yes there is no problem with images. I tried switch alert(textvaluevariable); and it showed NaN. The following answer worked well. (answer by Darek) — user2994762, Sep 13 '14 at 16:19
Your comment doesn't really clarify anything (or I really haven't slept enough); providing a live demo might be of use, though apparently your question has been answered by Derek..? — David Thomas, Sep 13 '14 at 16:21

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

0

Change innerHTML to value:

var textvaluevariable= parseInt(document.getElementById("textvalue").value ,10);

Reference: JavaScript: how to get value of text input field?

edited May 23 '17 at 10:33

Community

1
1

answered Sep 13 '14 at 16:12

Darek Kay

15,827
7
64
61

javascript parseInt to change an image depending on an input text

1 Answers1