信息管理创新实践学习周记6

最新推荐文章于 2024-08-16 19:02:09 发布

小六不是路痴

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量86

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/LCCCCCCHEN/article/details/117608498

版权

第六周学习周记

一、学习内容
二、动手实践
- 1.对HTML事件做出反应（背单词）
- 2.JavaScript表单（复读机）

一、学习内容

1.HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。
2.HTML 表单验证可以通过 JavaScript 来完成。

二、动手实践

1.对HTML事件做出反应（背单词）

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 onclick="Text1()">intense</h1>
		<p id="p1"></p>
		<h1 onclick="Text2()">intend</h1>
		<p id="p2"></p>
		<script>
			function Text1(){
				document.getElementById("p1").innerHTML='adj.强烈的，激烈的';
				}
			function Text2(){
				document.getElementById("p2").innerHTML='v.打算';
				}
		</script>
	</body>
</html>

展示：
在这里插入图片描述

2.JavaScript表单（复读机）

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input id="numb">
		<p type="button" onclick="myFunction()">点击显示输入内容</p>
		<p id="demo"></p>
		<script>
		function myFunction() {
		    var text;
		    text = document.getElementById("numb").value;
		    document.getElementById("demo").innerHTML = text;
		}
		</script>
	</body>
</html>