判断--热身小练习

Posted 2020-09-19 #安生

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了判断--热身小练习相关的知识，希望对你有一定的参考价值。

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

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

如果口令错误，就“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>

示例代码

以上是关于判断--热身小练习的主要内容，如果未能解决你的问题，请参考以下文章

软件测试2021：第一次作业 -- 热身练习