Show Hidden Submit Button IF input matches value

@vwphillipsNov 24.2012 — #

[CODE]<!DOCTYPE html>
 <html>
 <body>
 
 <h2>Java Test</h2>
 
 <button onclick="myFunction(); update();">Try it</button>
 
 <input type="hidden" id="age" value="18"/>
 
 <textarea id="agebox" style="width:150px;" readonly="readonly"></textarea>
 
 <textarea id="prcbox" style="width:150px;" readonly="readonly" onchange="submitChange()"></textarea>
 
 <input type="submit" id="submit" style="display: none;" />
 
 
 <script>
 function myFunction() {
 var age,voteable;
 age=document.getElementById("age").value;
 voteable=(age<18)?"Too young":"Old enough";
 document.getElementById("agebox").value=voteable;
 }
 
 function update() {
 var msg = 'Invalid entry';
 var age=document.getElementById("age").value;
 if ((age > 0) && (age <= 10)) { msg = 'EASY'; }
 if ((age > 10) && (age <= 20)) { msg = 'MEDIUM'; }
 if ((age > 20) && (age <= 30)) { msg = 'HARD'; }
 document.getElementById("prcbox").value=msg;
 submitChange();
 }
 
 
 function submitChange()
 {
 var inputOne = document.getElementById("prcbox");
 var inputSubmit = document.getElementById("submit");
 if(inputOne.value == "MEDIUM")
 {
 inputSubmit.style.display = "block";
 }
 else
 {
 inputSubmit.style.display = "none";
 }
 }
 
 </script>
 
 
 </body>
 </html>[/CODE]

Show Hidden Submit Button IF input matches value

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Show Hidden Submit Button IF input matches value

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴