前端练习——弹窗、判断语句（星座测试）

来源：互联网发布：大数据挖掘与应用编辑：程序博客网时间：2024/06/07 01:12

代码：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Miss半仙帮你测星座</title>    <script type="text/javascript">        function rec() {            var score; //score变量，用来存储用户输入的成绩值。            score = prompt("请输入你的出生月份");            if (score >= 12) {                alert("你是射手座")            }            else if (score >= 11) {                alert("你是天蝎座")            }            else if (score >= 10) {                alert("你是天秤座");            }            else if (score >= 9) {                alert("你是处女座");            }            else if (score >= 8) {                alert("你是狮子座");            }            else if (score >= 7) {                alert("你是巨蟹座");            }            else if (score >= 6) {                alert("你是双子座");            }            else if (score >= 5) {                alert("你是金牛座")            }            else if (score >= 4) {                alert("你是白羊座")            }            else if (score >= 3) {                alert("你是双鱼座")            }            else if (score >= 2) {                alert("你是水瓶座")            }            else {                alert("你是摩羯座")            }        }    </script>    <style>        #xingzuo{            height:50px;            width: 200px;            display: block;            margin: 20px auto;            border: 2px solid blue;        }        p{            text-indent: 2em;            font-family:Microsoft yahei;            font-size: 20px;            color:darkslategrey;        }    </style></head><body><input id="xingzuo" name="button" type="button" onClick="rec()" value="点击我，帮你测星座"  /><h1>    <p>米索不达亚文明占星家为了方便研究及观测天上诸多恒星，人们把星空分为若干个区域，每一区就是一个星座。很难确切的说出人类是        从何时开始有星座的概念的，这类天文知识远在有历史记载以前就被人们所领会。星座的名称则很可能来源于早期航海的水手。    </p>    <p>        不同地域的文明中，星座的起源可能完全不同，但是随着各文明的扩张和相互影响，星座的文化也包含了融合的过程。    </p>    <img src="#"></h1></body></html>

效果图：

0 0

前端练习——弹窗、判断语句 （星座测试）

前端练习——弹窗、判断语句（星座测试）