这是一个字母内存游戏。我想用图片做这个游戏,但是我无法生成图片并写入数组。
<script>
var memory_array = ['A', 'A', 'B', 'B', 'C', 'C', 'D', 'D', 'E', 'E', 'F', 'F', 'G', 'G', 'H', 'H', 'I', 'I', 'J', 'J', 'K', 'K', 'L', 'L'];
var memory_values = [];
var memory_tile_ids = [];
var tiles_flipped = 0;
Array.prototype.memory_tile_shuffle = function() {
var i = this.length,
j, temp;
while (--i > 0) {
j = Math.floor(Math.random() * (i + 1));
temp = this[j];
this[j] = this[i];
this[i] = temp;
}
}
function newBoard() {
tiles_flipped = 0;
var output = '';
memory_array.memory_tile_shuffle();
for (var i = 0; i < memory_array.length; i++) {
output += '<div id="tile_' + i + '" onclick="memoryFlipTile(this,\'' + memory_array[i] + '\')"></div>';
}
document.getElementById('memory_board').innerHTML = output;
}
</script>
</head>
<body>
<div id="memory_board"></div>
<script>
newBoard();
</script>
最佳答案
您可以添加 style
标记如下例所示,
output += "<div id='tile_"+i+"' style=\"background-image:url('images/" + i + ".png');background-size:100% 100%; background-repeat:no-repeat;></div>";
关于javascript - 图片内存游戏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44734750/