Suggestions for implementation
Hello
To start off, I am pretty new to jQuery but I think I'm getting hang of it. Anyways, to the question.
I'm doing an app in Adobe AIR. It uses html and jQuery so it's basically a webpage. It's a simple app, here's how it will work.
You get a small notifier (like if someone has logged in on MSN) with a math problem. For the sake of simplicity the problem is " 5 + 5 ". This appears in a paragraph tag in a div with the id "Problem".
The user then inputs his guess in an <input> with the value text so that I don't have to submit it. I then use the keypress function and check if the button has the keycode 13 (enter).
After that I check if the user's guess is the same as the answer.
Now for the problem:
How do I send good enough feedback to the user? Right now I have this when you input a wrong answer:
- $("#displayAnswer").addClass("wrong");
- $("#displayAnswer").html("<p>Wrong</p>");
- $("#displayAnswer").slideDown(1000);
- $("#displayAnswer").delay(1000);
- $("#displayAnswer").fadeOut(3000);
- $(".wrong").empty();
- $("#displayAnswer").removeClass("wrong");
#displayAnswer is the div which will hold the text that says "Wrong + correct_answer" or "Correct".
The main problem with this is that it doesn't work as it should. It does not remove the class .wrong at the end.
I know this because if you input the correct answer it still has a red background (which is assigned with the "wrong" class in the css. the "correct" class has a green background).
I ask of you to suggest a simpler form of feedback(code wise. The sliding div works pretty nicely). I used alerts for debugging at first but it's just so ugly.
I'd also like if you suggest some other way of inputting the answer. Or maybe checking for enter in an <input> is good enough?
I hope you understand my rambling. I have been up for way too long.
Thank you for your time.
EDIT: Moved it from "Using jQuery" to "Getting Started" and changed the code.