判断--热身小练习

在文本输入框输入口令，点击按钮进行判断；

如果口令正确，就“恭喜通关”；

如果口令错误，就“88~~”

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 <script>
 7 window.onload = function (){
 8     var oText = document.getElementById('text1');
 9     var oBtn = document.getElementById('btn1');
10     
11     oBtn.onclick = function (){
12         if( oText.value == '' ){
13             alert('请输入');
14         } else if ( oText.value == 'CSS' ){
15             alert('ok，您输入的是：CSS，恭喜通过！');
16         } else if ( oText.value == 'JS' ){
17             alert('ok，您输入的是：JS，恭喜通过！');
18         } else if ( oText.value == 'HTML' ){
19             alert('ok，您输入的是：HTML，恭喜通过！');
20         } else {
21             alert('我不喜欢你写的内容，88~');
22         }
23     };
24 };
25 </script>
26 </head>
27 
28 <body>
29 
30 <input id="text1" type="text" />
31 <input id="btn1" type="button" value="口令确认" />
32 <!--
33     CSS
34   JS
35   HTML5
36 -->
37 
38 </body>
39 </html>

示例代码