jQuery第一章課後作業

suixinCaesar發表於2018-07-09
jQuery

第3題 列印倒正金字塔

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列印倒金字塔</title>
    <style>
        hr{width: 50px;display: inline-block}
        #suixin{margin: 0px auto;text-align: center}
    </style>

</head>
<body>
    <div id="suixin">
        <h2>列印倒金字塔</h2>
        <script>
            for (i=7;i>=2&&i<=7;i--) {
                for (j = i; j <=(2*i-1);j++) {
                    document.write("<hr>");
                }
                document.write("<br>");
            }
            document.write("<hr>"+"<br>")
            for (i=2;i<=7;i++) {
                for (j = i; j <=(2*i-1);j++) {
                    document.write("<hr>");
                }
                document.write("<br>");
            }
        </script>
    </div>
</body>
</html>

第4題 驗證郵箱

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>驗證郵箱地址</title>
    <script>
        function isEmail(email){
            if(email==""){
                alert("郵箱不能為空");
            }else if(email.split("@").length==1||email.split(".").length==1){
                alert("郵箱地址必須包含@和.")
            }else{
                var arr = email.split("@");
                alert("郵箱地址正確，郵箱名稱是："+arr[0]);
            }
        }
    </script>
</head>
<body>
    <input type="button" value="郵箱驗證" onclick="isEmail(prompt('請輸入正確的郵箱地址','suan@sohu.com'))"/>
</body>
</html>

第5題 weekday

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>彈出不同日期</title>
    <script>
        function isDay(str) {
            switch (str){
                case "星期一":
                    alert("新的一週開始了！");
                    break;
                case "星期二":
                case "星期三":
                case "星期四":
                    alert("努力工作！");
                    break;
                default:
                    alert("放鬆休息吧！");
                    break;
            }
        }
    </script>
</head>
<body>
    <input type="button" value="請輸入星期幾？" onclick="isDay(prompt('請輸入今天是星期幾：'))">
</body>
</html>

相關文章