今天新学习了javascript里的弹窗输出、控制台输出、网页输出和输入输出框使用的是VScode
附上代码和笔记(笔记都用注释表示了):
<!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>js的输出语句</title>
</head>
<body>
<script>alert("hello world")
</script>
<!-- 弹窗输出 -->
<script>
console.log("hello world")
</script>
<!-- 控制台输出 -->
<script>
document.write("hello world")
</script>
<!-- 网页输出 -->
<script>
var username=prompt("请输入用户名")
</script>
<!-- 输入输出框 -->
<!-- 需要保存的时候就设成变量 -->
<!-- js中定义变量 只需要用到var 变量名=赋值 -->
<script>
console.log(username)
</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>面积</title>
</head>
<body>
<script>
var width=prompt("请输入宽度")
var height=prompt("请输入长度")
// 让username来定义长和宽 在命令行输出面积
var sum=width*height
// 通过username输入的实际内容进行计算
console.log(sum)
// 在控制台显示输出结果
</script>
</body>
</html>