简单通关口令-判断

最新推荐文章于 2023-01-07 19:18:38 发布

erdouzhang

最新推荐文章于 2023-01-07 19:18:38 发布

阅读量474

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/erdouzhang/article/details/73087381

版权

js 专栏收录该内容

98 篇文章 0 订阅

订阅专栏

html：

<!-- 通关口令HTML、CSS、JS -->
通关口令：<input type="text" id="txt1">
<input type="button" id="btn1" value="提交">

js：

window.onload = function(){
    var txt1 = document.getElementById('txt1');
    var btn1 = document.getElementById('btn1');
    btn1.onclick = function(){
        if(txt1.value == ''){
            alert('请输入内容~');
        }else if(txt1.value == 'HTML'){
            alert('你写的是' + txt1.value + '恭喜！通过！');
        }else if(txt1.value == 'CSS'){
            alert('你写的是' + txt1.value + '恭喜！通过！');
        }else if(txt1.value == 'JS'){
            alert('你写的是' + txt1.value + '恭喜！通过！');
        }else{
            alert('输入有误，请输入正确口令！');
        }
    }
}