js打卡第二天—打印输出、用户输入名字案例

摘要:接上期内容,上期我们已经写过如何打开如何创建,相信小伙伴们都已经学会了,所以本期博主就直接跳过了,本期我们来学习—打印输出案例和用户输入名字案例,我们来开始吧!

一、打印输出案例

在vscode里面创建打印输出案例.html
(1)document.write('')使用,在body里面输入以下内容:
<script>
     document.write('学习打卡')            // document 文档的意思    write 写
     document.write('<h1>学习打卡</h1>')   //字符串里面可以用标签
</script>

效果如下:

(2)alert('')使用,在body里面输入以下内容:
<script>
   alert('我叫大美丽')  //alert 警示 弹框
</script>

效果如下:

(3)console.log('')使用,在body里面输入以下内容:
<script>
   console.log('我是程序员看的')   // 控制台输出语法  程序员看的
</script>

在网页里面右击检查,在控制台点console,效果如下:

(4)prompt('')使用,在body里面输入以下内容:
<script>
   //输入语句 prompt
   prompt('您今年多大了?')
</script>

效果如下:

二、用户输入名字案例

在vscode里面创建用户输入名字案例.html

在body里面输入以下内容:

<script>
    let uname = prompt('请输入你的名字:')
    document.write(uname)
</script>

效果如下:

点击确定:

三、总结

今天的学习就到这里结束了,明天预告:

  • 变量的使用

  • 交换变量

  • let和var的区别

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值