第一关
任务描述
要了解一门编程语言,要从输出开始。
本关任务:采用相关知识中介绍的任意一种方法输出“ Hello, JavaScript! ”
过关帮助
JavaScript 三种输出:
1. 弹出对话框模式
<!DOCTYPE html>
<html>
<body>
<script>
window.alert("Hello,World!");
</script>
</body>
</html>
2. 控制台模式
<!DOCTYPE html>
<html>
<body>
<script>
console.log("Hello,World!");
</script>
</body>
</html>
<!--除此之外,还有 console.error()、console.warn() 等方式实现输出,分别表示输出错误,输出警告。-->
3. 页面输出模式
<!DOCTYPE html>
<html>
<body>
<script>
document.write("Hello,World!");
</script>
</body>
</html>
<!--还有其他几种比较少用的输出方式,可参考相关文档。-->
编程内容
<!DOCTYPE html>
<html>
<head>
<!-- 请在此处编写代码 -->
<!---------Begin--------->
<script>
window.alert("Hello,JavaScript!");
<!--其它方法:
1.console.log("Hello,JavaScript!");
2.document.write("Hello,JavaScript!");
-->
</script>
<!---------End--------->
</head>
<body>
</body>
</html>
第二关
任务描述
本关任务:使用内置代码的方式将下面的 JavaScript 代码嵌入到 HTML 中。
console.log("如何在HTML代码中嵌入JavaScript代码");
编程内容
<!DOCTYPE html>
<html>
<!-- 请在此处编写代码 -->
<!---------Begin--------->
<head>
<script>
console.log("如何在HTML代码中嵌入JavaScript代码");
</script>
</head>
<body>
</body>
<!---------End--------->
</html>