简单通关口令-判断

最新推荐文章于 2025-09-09 16:01:03 发布

原创最新推荐文章于 2025-09-09 16:01:03 发布 · 518 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

98 篇文章

订阅专栏

本文介绍了一个简单的HTML页面游戏，玩家需要输入正确的口令才能通关。游戏涉及的技术包括HTML用于结构设计、CSS用于样式美化及JavaScript实现交互逻辑。

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('输入有误，请输入正确口令！');
        }
    }
}