为了账号安全,请及时绑定邮箱和手机立即绑定

回归

标签:
Html5 JavaScript

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

前端爱好者,望大佬给个内推机会!!!

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
0
获赞与收藏
1

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消