30、图像游戏中的事件处理与异步编程

algae

于 2025-11-14 16:09:42 发布

阅读量1

点赞数

CC 4.0 BY-SA版权

分类专栏： Head First JavaScript精要文章标签：事件处理异步编程图像游戏

本文链接：https://blog.youkuaiyun.com/algae/article/details/155441605

Head First JavaScript精要专栏收录该内容

47 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

图像游戏中的事件处理与异步编程

1. 向游戏中添加更多图像

在图像游戏里，我们要给页面添加更多图像。以下是相关的 HTML 代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title> Image Guess </title>
  <style>
    body { margin: 20px; }
    img { margin: 20px; }
  </style>
  <script>
     window.onload = init;
     function init() {
        var image = document.getElementById("zero");
        image.onclick = showAnswer;
    }
    function showAnswer() {
        var image = document.getElementById("zero");
        image.src = "zero.jpg";
    }
  </script>
</head>
<body>
    <img id="zero" src="zeroblur.jpg">
    <img id="one" src="oneblur.jpg">
    <img id="two" src="twoblur.j