Scribd Logo
Upload

Welcome to Scribd!

  • Aplikasisuhu

    Uploaded by

    Trisatya Marthadison
    2K views2 pages

    Original Title

    aplikasisuhu

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2K views2 pages

    Aplikasisuhu

    Uploaded by

    Trisatya Marthadison

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!DOCTYPE html> <html> <head> <script type="text/javascript"> function setStyle() {var suhu=document.getElementById("nilai").value; if (suhu=="") { document.getElementById("nilai").style.background="#FFFFFF"; }else if (suhu<0) { document.getElementById("nilai").style.

    background="silver"; }else if (suhu<=28) { document.getElementById("nilai").style.background="green"; }else if (suhu<=49) { document.getElementById("nilai").style.background="yellow"; }else if (suhu<=80) { document.getElementById("nilai").style.background="orange"; }else if (suhu>=1000) { alert("Maaf Kotak Pecah"); } if (suhu>=81) { document.getElementById("nilai").style.background="red"; } } </script> </head> <body> <div align="center"> <table border="0" width="54%" height="337"> <tr> <td height="231"> <p align="center"><font size="6"face="Berlin Sans FB Demi">Tugas Java Script</fo nt></p> <p align="center"><b><font face="Berlin Sans FB Demi" si ze="5"> Aplikasi Temperatur Warna Suhu</font></b></p> <hr> <div align="center"> <p align="center"><b><font size="5"face="Berlin Sans FB Demi">Nilai Suhu </font></b></p> <table border="5" width="300" cellspacing="1"> <td width="290"><p align="center"> <input type="text" id="nilai" onkeyup="setStyle()" size="44" /></p></td> </form> </td> </tr> </table> </div> <tr><td>&nbsp;</td></tr>

    </font></b> <div align="center"> </div> </body> </html>

    You might also like