­

回歸

前段時間 因為一些事情耽誤 確實這個事情苦惱了我很久 我第一次感受到 就是我很想十分努力的去學習 去改變自己 但是一種力不從心的感覺 一種不給你機會的感覺 如果後面有機會我會專門發一篇隨筆來寫這幾個月我在幹嘛 還真是諷刺 前面才說夢開始的地方 結果就戛然而止了 哈哈哈 現在回來了 回來過後先是開始複習我覺得 所以這幾天都在複習 兩天時間就把h5 c3 移動端布局複習完了 確實現在再去看一看以前學的更加得心應手了  能夠自己完成一些靜態頁面動畫效果過渡效果等等 移動端也能夠用rem vwvh來實現 但是我覺得這些也沒得啥子好展示的 所以我直接給你們看看 基礎語法嘛 這才是真正夢開始的地方 這幾天在複習基礎語法js 這也是 更加得心應手了 很多案例自己不停歇就直接敲下來了 做了很多 我挑幾個我做的不是很順利 就是懂了點腦筋的 js還是一如既往的有趣哈哈

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 在控制台一次性列印形狀如下：
☆ ☆☆ ☆☆☆ ☆☆☆☆ ☆☆☆☆☆ */
        var str = ''
        for (var i = 1; i <= 5; i++) {
            for (var j = 1; j <= i; j++) {
                str += '⭐'
            }
            str += '\ '
        }
        console.log(str);


        // 別看這個一串星星 看著簡單 還是理解好大半天才給她搞明白 為什麼呢 我以為是只要列印出來就可以了 最開始弄得是一個階梯型的星排列 這個還真要控制台輸出久了才想的明白 我就在想不把他弄成階梯型 那就是要一次性輸出出來 那我就在外層循環輸出 那不還是這樣嗎 分了五次才輸出完畢 最後想明白 直接在循環外來個總輸出 先把所有的結果用str存儲
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        for (var i = 1; i < 10; i++) {
            var str = ''
            for (var j = 1; j <= i; j++) {
                var result = i * j
                str += j + '*' + i + '=' + result 
                str += '\t'
            }
            console.log(str);
        }

        // 還是可以 原來99乘法表對我來說是一個難點 現在做出還是蠻快的 但我還是好菜 好久沒回來更菜了
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 接收用戶輸入的用戶名和密碼，若用戶名為 「admin」 ,且密碼為 「123456」 ,則提示用戶登錄成功! 否則，讓用戶一直輸入。
        var userName = prompt('請輸入用戶名')
        var passward = prompt('請輸入密碼')
        while (userName || passward) {
            if (userName == 'admin' && passward == '123456') {
                alert('登錄成功')
                break
            } else {
                userName = prompt('請輸入用戶名')
                passward = prompt('請輸入密碼')
            }
        }

        // 我覺得 我這樣有點冗餘 但好像又想不出其他辦法了 我依稀記得 我原來做的時候 自己想的那個方法很簡便
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>點擊</button>
    <script>
        /* 
        用戶在彈出的輸入框中選擇要做的運算

用戶選擇後彈出兩個輸入框，讓用戶輸入數據

根據用戶選擇的操作和輸入的數據，計算出最後結果並彈出提示框顯示結果 */
    var btn = document.querySelector('button')
    console.log(btn);
    function getCount() {
        var project = prompt('請輸入你要的操作：\n1.加\n2.減\n3.乘\n4.除\n5.退出')
        var num1 , num2
        switch (parseInt(project)) {
            case 1:
                num1 = prompt('請輸入第一個數')
                num2 = prompt('請輸入第二個數')
                alert('結果為' + (parseInt(num1) + parseInt(num2)))
                break;
            case 2:
                num1 = prompt('請輸入第一個數')
                num2 = prompt('請輸入第二個數')
                alert('結果為' + (num1 - num2))
                break;
            case 3:
                num1 = prompt('請輸入第一個數')
                num2 = prompt('請輸入第二個數')
                alert('結果為' + (num1 * num2))
                break;
            case 4:
                num1 = prompt('請輸入第一個數')
                num2 = prompt('請輸入第二個數')
                alert('結果為' + (num1 / num2))
                break;
            default:
                break;
        }
    }
    btn.onclick = function() {
        getCount()
    }
    </script>
</body>
</html>

 

Tags:

VirMach 便宜 VPS

QNews

QNews