[JavaScript知识库] 百度前端训练营第1天 one day

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 百度前端训练营第1天 one day -> 正文阅读

[JavaScript知识库]百度前端训练营第1天 one day

姓名：wy

QQ：1023397118

预习作业：

学习 html、css、js 并尝试实现一个 hello world 页面，在页面中显示“Hello World！”以及两个按钮，点击“变为红色”按钮可以改变文字颜色为红色，点击“复原”按钮颜色恢复为默认颜色。

预习材料：

https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web

注意事项

记得修改 README.md 中的姓名与 QQ号方便兑奖与统计

fork 仓库后修改自己仓库文件就好，不需要 Pull Request

<title></title> <style type="text/css"> div{ margin: 0 auto;

		}
	</style>
	<script type="text/javascript">
		function red(){
			document.getElementById("hz1").style.color="red"
		}
		function black(){
			document.getElementById("hz1").style.color="black"
		}
	</script>
</head>
<body>
	<div id="">
		<p align="center" id="hz1">HELLO WORD!</p>
		
		<form action="" method="">
			
		</form>
	</div>
	<div id="" align="center">
		<dl>
			<td><input type="button" name="" id="" value="红色"  οnclick="red()"/></td>
			<td><input type="button" name="" id="" value="复原"  οnclick="black()" /></td>
		</dl>
				
			
	</div>
	
</body>