QuestionAsk Questions?
IRFAN ALI
View Answers
April 27, 2009 at 1:16 PM
Hi Friend,
Here we are sending you some lines of code to solve your problem. Please try the code.
<html>
<head>
<title>Change background Color</title>
<script type="text/javascript">
function check(){
if (document.getElementById('in').value=="amit"){
document.getElementById('in').getAttributeNode('class').value="correct";
}else {
document.getElementById('in').getAttributeNode('class').value="incorrect";
}
}
</script>
<style type="text/css">
.correct{
background:#00ff00;
}
.incorrect{
background:#f00f00;
}
</style>
</head>
<body>
<p>
<input id="in" type="text" onkeyup="check();" class="incorrect"/>
</p>
</body>
</html>
Thanks for posting questions.
RoseIndia Team
Here we are sending you some lines of code to solve your problem. Please try the code.
<html>
<head>
<title>Change background Color</title>
<script type="text/javascript">
function check(){
if (document.getElementById('in').value=="amit"){
document.getElementById('in').getAttributeNode('class').value="correct";
}else {
document.getElementById('in').getAttributeNode('class').value="incorrect";
}
}
</script>
<style type="text/css">
.correct{
background:#00ff00;
}
.incorrect{
background:#f00f00;
}
</style>
</head>
<body>
<p>
<input id="in" type="text" onkeyup="check();" class="incorrect"/>
</p>
</body>
</html>
Thanks for posting questions.
RoseIndia Team
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
