我正在尝试用JavaScript创建一个16x16的网格。我尝试使用的方法是div在HTML中创建一个空白,然后将其他div附加到其上,并勾勒出边框。我似乎无法完成这项工作,并且将我的代码放在下面。
HTML:
<!DOCTYPE html>
<head>
<title>Etch-a-Sketch</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="app.js"></script>
</head>
<body>
<div id="container">
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
JavaScript:
// Sets important constants and variables
const container = document.getElementById("container");
let rows = document.getElementsByClassName("gridRow");
let cells = document.getElementsByClassName("cell");
// Creates a default grid sized 16x16
function defaultGrid() {
makeRows(16);
makeColumns(16);
}
// Takes (rows, columns) input and makes a grid
function makeRows(rowNum) {
// Creates rows
for (r = 0; r < rowNum; r++) {
let row = …Run Code Online (Sandbox Code Playgroud) 我已经尝试了一段时间,但没有骰子。我有一个叫做的函数gameScore(),该函数应该能够跟踪玩家和计算机的得分以及平局。我将分数定义为全局变量,因此从函数内部更新分数应该没有问题。
我的问题是,即使我在控制台上看到输出信息,说谁将赢得比赛,但分数不会更新,并且游戏会无限期进行。非常感谢您的帮助,下面是我的代码。
let playerScore = 0;
let computerScore = 0;
let draws = 0;
//Computer choice
function computerPlay() {
let random = Math.random();
if (random <= 0.3333) {
return "paper";
} else if (random >= 0.6666) {
return "rock";
} else {
return "scissors";
}
}
//Plays one round of RPS
function playRound(playerChoice, computerSelection) {
if (playerChoice === computerSelection) {
return draw;
} else if (playerChoice === "rock" && computerSelection === "scissors") {
return playerWinRound;
} else if …Run Code Online (Sandbox Code Playgroud)