如何在 table 中显示关联数组?
How to display associative array in a table?
谁能帮帮我?我正在为 "Luck Game" 编写脚本,目标是
让用户输入他们想要的任何数字,生成一个从 0 到他们输入的数字的随机数,并将其显示在结果数组中。
模拟 "Heads or Tails" 的游戏并将结果显示在相同的结果数组中(我将使用关联数组)
运行以上两个目标共6次
在table中显示结果。
合计'Heads'的数量和'Tails'的合计数量并显示。
Return 6 个结果中最小的数字。
我已经完成了第 1、2 和 3 项。我只需要有关第 6 项的帮助。如何在标题为 "Coin Side" 和 [= 的 2x7 table 上显示我的结果53=]以及如何将6次试验的所有"heads"和"tails"求和,以及return产生的最小数?
<body>
<div id = "luckGame"></div>
var userInput = prompt("Enter maximum number output: ");
printThis = document.getElementById('luckGame');
function coinFlip() {
return (Math.floor(Math.random() < 2) === 0) ? 'Heads' ; 'Tails';
}
for (var i = 0; i < 6; i++)
{
var result = [];
result["randomNum"] = (Math.floor(Math.random()*userInput);
result["coin"] = (coinFlip());
printThis.innerHTML = result["coin"] + " " + result["randomNum"];
//This loop will run 6 times.
//This should print for example: Heads 29 but I need to put all the results
//in a 2x7 table with labels "Coin Side" and "Number" included. How do I do this?
}
//Code here needed to sum total of 'Heads' and 'Tails'
//Code here needed to return the smallest number from the results.
</body>
我的 CSS 为 table
.results {
border: 1px solid black;
width: 200px;
height: 20px;
}
我的粗略table
var resultsTable = "<table class= 'results'><tr><td>" + "Coin Side" + "</td><td>" + "Number" + "</td></tr>";
resultsTable += "<tr><td> + result["coin"] + "</td><td> + result["randomNum"] + </td></tr>";
... // repeat 4 more times.
resultsTable += "<tr><td> + result["coin"] + "</td><td> + result["randomNum"] + </td></tr></table>;
如果我需要提供更多详细信息,请告诉我。
首先,用headers
创建一个table
var table = document.createElement("table");
table.innerHTML = "<tr><th>Coin Side</th><th>Number</th></tr>";
然后在您的循环中,只需在末尾添加此代码即可向 table
添加一行
var row = document.createElement("tr");
var coinCell = document.createElement("td");
var numCell = document.createElement("td");
coinCell.innerHTML = result["coin"];
numCell.innerHTML = result["randomNum"];
row.appendChild(coinCell);
row.appendChild(numCell);
table.appendChild(row);
最后,将 table 添加到文档中
document.body.appendChild(table);
要计算正面和反面,请将此代码添加到您现有的循环中
(result["coin"] === "Heads") ? heads++ : tails++
只需创建两个全局变量并先将它们设置为零
var heads = 0;
var tails = 0;
要获取最小值,首先创建一个设置为最大值的全局变量
var min = eval(userInput);
然后,在你的循环中,检查生成的数字是否小于当前的 min
if(result["randomNum"] < min)
min = result["randomNum"];
谁能帮帮我?我正在为 "Luck Game" 编写脚本,目标是
让用户输入他们想要的任何数字,生成一个从 0 到他们输入的数字的随机数,并将其显示在结果数组中。
模拟 "Heads or Tails" 的游戏并将结果显示在相同的结果数组中(我将使用关联数组)
运行以上两个目标共6次
在table中显示结果。
合计'Heads'的数量和'Tails'的合计数量并显示。
Return 6 个结果中最小的数字。
我已经完成了第 1、2 和 3 项。我只需要有关第 6 项的帮助。如何在标题为 "Coin Side" 和 [= 的 2x7 table 上显示我的结果53=]以及如何将6次试验的所有"heads"和"tails"求和,以及return产生的最小数?
<body>
<div id = "luckGame"></div>
var userInput = prompt("Enter maximum number output: ");
printThis = document.getElementById('luckGame');
function coinFlip() {
return (Math.floor(Math.random() < 2) === 0) ? 'Heads' ; 'Tails';
}
for (var i = 0; i < 6; i++)
{
var result = [];
result["randomNum"] = (Math.floor(Math.random()*userInput);
result["coin"] = (coinFlip());
printThis.innerHTML = result["coin"] + " " + result["randomNum"];
//This loop will run 6 times.
//This should print for example: Heads 29 but I need to put all the results
//in a 2x7 table with labels "Coin Side" and "Number" included. How do I do this?
}
//Code here needed to sum total of 'Heads' and 'Tails'
//Code here needed to return the smallest number from the results.
</body>
我的 CSS 为 table
.results {
border: 1px solid black;
width: 200px;
height: 20px;
}
我的粗略table
var resultsTable = "<table class= 'results'><tr><td>" + "Coin Side" + "</td><td>" + "Number" + "</td></tr>";
resultsTable += "<tr><td> + result["coin"] + "</td><td> + result["randomNum"] + </td></tr>";
... // repeat 4 more times.
resultsTable += "<tr><td> + result["coin"] + "</td><td> + result["randomNum"] + </td></tr></table>;
如果我需要提供更多详细信息,请告诉我。
首先,用headers
创建一个tablevar table = document.createElement("table");
table.innerHTML = "<tr><th>Coin Side</th><th>Number</th></tr>";
然后在您的循环中,只需在末尾添加此代码即可向 table
添加一行var row = document.createElement("tr");
var coinCell = document.createElement("td");
var numCell = document.createElement("td");
coinCell.innerHTML = result["coin"];
numCell.innerHTML = result["randomNum"];
row.appendChild(coinCell);
row.appendChild(numCell);
table.appendChild(row);
最后,将 table 添加到文档中
document.body.appendChild(table);
要计算正面和反面,请将此代码添加到您现有的循环中
(result["coin"] === "Heads") ? heads++ : tails++
只需创建两个全局变量并先将它们设置为零
var heads = 0;
var tails = 0;
要获取最小值,首先创建一个设置为最大值的全局变量
var min = eval(userInput);
然后,在你的循环中,检查生成的数字是否小于当前的 min
if(result["randomNum"] < min)
min = result["randomNum"];