javascript - 正确输入文本后，图像会亮起/变化

Question

我正在我的网站上建立一个用于语言学习的部分。用户将看到单词“でんき”(日语单词)。当有人输入与每个符号匹配的正确文本时，其中一个符号就会亮起。我怎样才能实现这个目标？

这是我网站的预览图像:http://imageshack.us/photo/my-images/827/hiraganaquiz2.jpg/

Answer 1

这是一个带有普通输入字段的示例:

<script type="text/javascript">
var answer = 'foo';
function checkMatch(val) {
    if (val == answer) {
        alert('CORRECT!');
    }
}
</script>


<input type="text" id="word_box" value="" onkeyup="checkMatch(this.value)" />

这非常简单，但你明白了。每当在框或其他可编辑字段中按下按键时，就会调用 onkeyup。