Heads Or Tails Random Tally by @EthanS - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<link>Collega il documento corrente con una risorsa esterna
text/plainDefinisce un metodo di non codifica dei valori di un form
checkedPre-imposta su 'true' il valore di un elemento input checkbox o radio
relServe a definire la relazione tra il documento e una risorsa.
_selfApre collegamenti ipertestuali nella stessa pagina del browser
headersDetermina la relazione tra celle e celle di intestazione di una tabella.

Users

Log in to search for users

Explore

Find inspiration

Creazione di un form

Esercizio LISTA

Kladdkaka - Ricetta Torta al Ciocc

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Heads Or Tails Tally</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
		crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js"
		integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG"
		crossorigin="anonymous"></script>
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<main class="container">
		<section class="row">
			<div class="col">
				<button class="btn btn-lg btn-success">Generate 100 Head or Tails</button>
			</div>
		</section>

		<div class="row">
			<div class="col">
				<h1>Heads</h1>
				<span id="headsScore">0</span>
			</div>
			<div class="col">
				<h1>Tails</h1>
				<span id="tailsScore">0</span>
			</div>
		</div>


		<div class="row">
			<div class="col">
				<ul class="heads list-group list-group-flush"></ul>
			</div>
			<div class="col">
				<ul class="tails list-group list-group-flush"></ul>
			</div>
		</div>
	</main>

</body>

</html>

div.col {
	text-align: center;
}

span {
	margin-top: 10px;
	font-size: 64px;
}

button {
	text-align: center;
	font-size: 24px;
}

// STORES THE TOTAL AMOUNT PER CATEGORY
var tally = {
	heads: 0,
	tails: 0
};


// GENERATES CPU RANDOM CHOICE
// function getHeadsOrTails() {
//   return Math.floor(Math.random()*2);
// }
// if(Math.floor(Math.random()*2)){
// 	console.log('Heads')
// }

let randomNumbers = [];

// Sets the minimum to 0 and loops,adding 1 until it reaches 100
for (let i = 0; i < 100; i++) {
    let randomNumber = Math.floor(Math.random() * 2); // or use your custom function
    randomNumbers.push(randomNumber);
}

console.log(randomNumbers);

// CREATES ALL RANDOMIZED CHOICES
// DISPLAY DATA IN HTML
function createRandomizerRequest(loopMax) {



}


// RUNS FUNCTION ON DOCUMENT LOAD
// createRandomizerRequest(100);