回归-原创手记-慕课网

前段时间因为一些事情耽误确实这个事情苦恼了我很久我第一次感受到就是我很想十分努力的去学习去改变自己但是一种力不从心的感觉一种不给你机会的感觉如果后面有机会我会专门发一篇随笔来写这几个月我在干嘛还真是讽刺前面才说梦开始的地方结果就戛然而止了哈哈哈现在回来了回来过后先是开始复习我觉得所以这几天都在复习两天时间就把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>

前端爱好者，望大佬给个内推机会！！！