摘要:接上期内容,上期我们已经写过如何打开如何创建,相信小伙伴们都已经学会了,所以本期博主就直接跳过了,本期我们来学习—打印输出案例和用户输入名字案例,我们来开始吧!
一、打印输出案例
在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的区别