Javascript Code Change Button Properties onchange Event

<html>
<head> Javascript Events</head>
<style>
.btn{
   width:200px;
   height:200px;
   }

</style>
<body>
<h2> Enter color</h2>
<input type="text" id="input1" /> 
<h2> Enter number</h2>
<input type="number" id="input2" onchange="onchangeevent()"/> <br><br>
<input class="btn" type="button" id="display1" >


<script>
<!--
function onchangeevent()
{
document.getElementById("input2");
                n=document.getElementById("input2").value; 
                c=String(document.getElementById("input1").value); 
                
                document.getElementById("display1").style.background=c;  
                    document.getElementById("display1").value=c; 
                    
                
}
//-->
</script>
</body>
</html>
The Output of the Code :
Javascript Events

Enter color

Enter number



Comments

Post a Comment

Popular posts from this blog

Javascript Code using getElementById and If Else Statement

  <!DOCTYPE html> <html> <head> <title> Form Elements and Attributes </title> <style> //format and styles div { margin-bottom: 10px; } label { display: inline-block; width: 200px; } fieldset { background: #e1eff2; } legend { padding: 20px 0; font-size: 20px; } </style> <body> <body> <h1> Determine Age Group </h1> <p> Enter your details : </p> <fieldset> <label> Enter your name </label> <input type =" text " onfocus =" this.value='' " name =" fname " id =" fname " value ="" /> <br> <!-- create input text box for name --> <label> Enter your age </label> <input type =" number " onfocus =" this.value='' " name =" age " i...
Read more

Javascript Code using Switch case and new Date() Functions , getDay() , getHours() , getMonth() , getFullYear() , getHours() , getMinutes()

Image
<!DOCTYPE html> <html> <body> <p id="demo"></p> <script> var day, month; switch (new Date().getDay()) {   case 0:     day = "Sunday";     break;   case 1:     day = "Monday";     break;   case 2:     day = "Tuesday";     break;   case 3:     day = "Wednesday";     break;   case 4:     day = "Thursday";     break;   case 5:     day = "Friday";     break;   case  6:     day = "Saturday"; } switch (new Date().getMonth()) {   case 0:     month = "January";     break;   case 1:     month = "February";     break;   case 2:     month = "March";     break;   case 3:     month = "April";     break;   case 4:     month = "May";     break;   case 5:     mont...
Read more