判断--热身小练习

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

如果口令正确,就“恭喜通关”;

如果口令错误,就“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>
示例代码

 

posted @ 2017-05-22 22:18  #安生  阅读(133)  评论(0编辑  收藏  举报