HTML5連連看游戲是一種基于HTML5技術實現的經典小游戲。該游戲通過將相同圖案的圖標連接在一起消除，從而獲得更高的得分。下面是HTML5連連看游戲的相關代碼：
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script src="jquery-1.10.1.min.js"></script> <script src="game.js"></script> </head> <body> <div id="game"> </div> </body> </html>上述代碼中，首先引入了樣式表和JavaScript腳本文件。然后，在網頁的標簽中定義了一個id為“game”的
元素，用于顯示游戲界面。接下來是游戲的JavaScript代碼：
var game = {
rows: 8,
cols: 8,
icons: ['icon1', 'icon2', 'icon3', 'icon4', 'icon5', 'icon6'],
init: function() {
for (var i = 0; i < this.rows; i++) {
for (var j = 0; j < this.cols; j++) {
var icon = this.icons[Math.floor(Math.random() * this.icons.length)];
var img = '<img src="images/' + icon + '.png" data-icon="' + icon + '">';
$('#game').append('<div class="cell">' + img + '</div>');
}
}
}
};
$(document).ready(function() {
game.init();
});上述代碼中，定義了一個名為game的對象，它包含了游戲的行數、列數和圖標數組等屬性，以及一個名為init的初始化函數。在init函數中，通過循環來生成游戲界面的各個方塊，為每個方塊隨機分配一個圖標。最后，使用jQuery將每個方塊添加到id為“game”的元素中。
在頁面中引入上述代碼后，就可以輕松創建一個簡單的HTML5連連看游戲。我們可以通過修改game對象的屬性和方法來擴展游戲的功能，比如增加游戲時間、游戲難度等。總之，HTML5為我們提供了豐富的工具和API，使得我們能夠更加高效地開發網頁游戲。