今天心血来潮，想搞个小游戏玩玩，就叫它“document游戏”。就是想试试用JavaScript操作一下网页上的元素，看看能搞出啥花样。
准备工作
我先建一个最简单的HTML文件，里面就一个标题，一个段落，啥也没有，干干净净的。这样我才能放开手脚往里面加东西嘛
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
<!DOCTYPE html>
<html>
<head>
<title>Document Game</title>
</head>
<body>
<h1>欢迎来到Document游戏</h1>
<p>这里啥也没有，自己动手，丰衣足食！</p>
</body>
</html>
动手添加元素
我就开始用JavaScript往这个空白的网页上“添砖加瓦”。我先用造一个按钮，然后给它加个点击事件，点一下就能弹出一个提示框。
详细过程是这样的：
- 我用
*('button')创建一个按钮元素。 - 然后用
* = '点我！'给按钮设置文字。 *('click', function() { alert('你点我干嘛'); })给按钮加个点击事件，这样你一点按钮，就会弹出一个警告框。- 我用
*(button)把这个按钮加到网页上。
添加样式
光秃秃的按钮不好看，得给它打扮打扮。我用JavaScript给按钮加点样式，让它看起来更像个按钮。
* = ‘blue’;
* = ‘white’;
* = ’10px 20px’;
这样给button设置背景颜色为蓝色，文字为白色，还有内边距。
继续丰富游戏内容
一个按钮太单调，我又加一个输入框和一个段落，准备让玩家输入点什么，然后显示出来。
- 先用
*('input')创建一个输入框。 - 再用
*('p')创建一个段落，用来显示玩家输入的内容。 - 设置输入框的type是 text 。
- 把输入框和段落都加到网页上，还是用。
然后，我给输入框加一个事件监听器，监听键盘的“回车”键。这样，玩家在输入框里输入内容，一按回车，输入的内容就会显示在下面的段落里。
*('keyup', function(event) {
if (* === 'Enter') {
* = *;
* = ''; // 清空输入框
总结
这么折腾一番，一个简单的“document游戏”就初具雏形。虽然简陋，但基本的功能都有：能点击按钮、能输入文字、能显示内容。更重要的是，我通过这个小实践，对JavaScript操作DOM有更直观的感受。以后再想搞点什么网页特效，心里就有底！
