테이블에 연관 배열을 표시하는 방법은 무엇입니까?

아무도 도와 줄 수 있습니까? 내가 목표 그들이 원하는 수의테이블에 연관 배열을 표시하는 방법은 무엇입니까?

테이크 사용자 입력으로 "행운의 게임"에 대한 스크립트를 쓰고, 수 그들은 입력에 0에서 임의의 숫자를 생성하고 그 결과 배열에 표시.
는 "머리 또는 꼬리"게임을 시뮬레이션하고도
실행 6 회 총 위의 두 목표 (I는 연관 배열을 사용하는 것) 같은 결과 배열에 그 결과를 표시.
결과를 표에 표시하십시오.
'머리'와 '꼬리'총계를 합산하여 표시하십시오.
6 개의 결과 중에서 가장 작은 숫자를 반환합니다.

이미 완료 한 항목 1, 2, 3 난 그냥뿐만 아니라 2X7의 "동전 측"제목 테이블과 "숫자"내 결과를 표시하는 방법 항목 6. 도움이 필요 6 번의 시련 중 "머리"와 "꼬리"를 모두 합산하는 방법과 생성 된 가장 작은 숫자를 반환하는 방법도 있습니다.

<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>

테이블

.results { 
     border: 1px solid black; 
     width: 200px; 
     height: 20px; 
    }

내 거친 테이블

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>;

내가 알려 주시기 바랍니다 자세한 내용을 넣어해야하는 경우에 대한 나의 CSS.

출처

2016-07-10 5120bee

나는 6 개 별도의 결과를 생각하고, 내가하지 않고 하나 개의 배열에 각 결과를 밀어 수있는 방법 "오버을 writting"루프 6 번 실행 때까지 루프 자체를 반복 할 때 (나는 그때까지 6 개의 분리 된 결과 값을 가져야한다). – 5120bee

시작 표 html ... 루프 데이터 추가 행 ... 끝 표 html 및 삽입 – charlietfl

루프에 행을 추가하는 코드를 수행하는 방법을 보여 줄 수 있다면 더 도움이 될 것입니다 ... – 5120bee

먼저 루프가 단순히

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);

그리고 마지막으로 테이블에 행을 추가하는 말에이 코드를 추가로 헤더

var table = document.createElement("table"); 
table.innerHTML = "<tr><th>Coin Side</th><th>Number</th></tr>";

있는 테이블을 만들에 테이블을 추가 문서

document.body.appendChild(table);

머리와 꼬리를 계산하려면이 코드를 기존 루프에 추가하십시오.

(result["coin"] === "Heads") ? heads++ : tails++

다만 제

var min = eval(userInput);

다음에 최대 값으로 설정하는 글로벌 변수를 생성 두 전역 변수를 생성하고, 최소값을 취득하기위한 제로 제

var heads = 0; 
var tails = 0;

로 설정 루프에서 생성 된 숫자가 현재보다 작은 지 확인하십시오. min

if(result["randomNum"] < min) 
    min = result["randomNum"];

데모 : https://codecanister.com/Project/d547eed9/5/result/

출처

2016-07-11 00:25:59 jlynch630

감사합니다. 루프의 테이블에 행을 추가 할 때 유용합니다. – 5120bee

이 답변을 얻은 경우 수락해야합니다. http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – jlynch630

그래,하지만 한 가지 더 - 나는 이미 'Heads'와 'Tails'의 합계를 합산하는 코드입니다. 그러나 루프는 "Heads"와 "Tails"라는 단어를 별도의 문자 인 것처럼 읽으 므로 + 1 씩 증가하는 대신 +5 씩 증가합니다 내 루프가 실행되는 시간 : [link] (https://jsfiddle.net/jkvkt4x2/) – 5120bee

테이블에 연관 배열을 표시하는 방법은 무엇입니까?

답변

관련 문제