Change form color background on submit click using java

Question

I have this form

What i need to to do is to change the color of the form's background to either red if it's wrong or green if it's right, when the "check answer" is clicked.

this is what i have so far:

Javascript


function chagecolor()
        {
            var changec = document.getElementById("answer")
            if (changec == "BURJ KHALIFA")
            {
                changec.style.backgroundColor = '#F40320';

            }
            
            else
            {
                changec.style.backgroundColor = '#03C13D';

            }
            

HTML

            <hr>
            What's the tallest building in the world in 2022? <!--BURJ KHALIFA-->
            <form >
                <input style="text-transform: uppercase;" type="text" id="answer" name="answer">
                <input onclick="changecolor()" id="turnon" type="submit" value="Check Answer">

Can someone point me on the right direction Thanks

update your condition like this if (changec.value == "BURJ KHALIFA") — Adam Ch.
– Adam Ch., Commented Sep 29, 2022 at 16:53

ControlAltDel · Accepted Answer · 2022-09-29 16:53:51Z

1

Here is your problem:

        var changec = document.getElementById("answer")
        if (changec == "BURJ KHALIFA")

document.getElementById will return an Element or null/undefined. Neither of these will ever be equal to a String

Instead, you want

        if (changec.value == "BURJ KHALIFA")

answered Sep 29, 2022 at 16:53

ControlAltDel

35.2k10 gold badges60 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jespermeller · Accepted Answer · 2022-09-29 16:56:36Z

1

First of all you are calling the wrong method on the input.

Secondly your if statement in the method should check for changec.value and not only changec.

I hope this can guide you in the right direction :D

answered Sep 29, 2022 at 16:56

jespermeller

665 bronze badges

Comments

Adam Ch. · Accepted Answer · 2022-09-29 16:57:54Z

1

Update your condition as below

if (changec.value == "BURJ KHALIFA")

answered Sep 29, 2022 at 16:57

Adam Ch.

1831 silver badge15 bronze badges

Collectives™ on Stack Overflow

Change form color background on submit click using java

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related