Javascript - Choose random variable from array but only once

Question

Is it possible to choose a variable in an array only once? I have made a click function where it gives me a random quote every time i click. How do I make it so that it won't pick the same variable again?

What I want to be able to do is click the button as many times as I want to without running into the same quote again as long as there are more "unseen" quotes. (I didn't include all the original quotes in the code snippets).

var quotes = [
	'Catsy',
	'Jope',
	'Nope',
	'Hey',

]

function newQuote() {
	var randomNumber = Math.floor(Math.random()*(quotes.length));
	document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber];
}

html { 
  background: url(bild.jpg) 
  no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
h1 {
	text-align: center;
	color: rgb(77, 77, 77);
	font-size: 120px;
	font-family: "Courier New", monospace;
}
div {
	color: white;
	text-align: center;
	font-family: "Courier New", monospace;
	justify-content: center;
	font-size: 45px;
	margin-right: 400px;
    margin-left: 400px;
}
button {
	height:30px; 
    width:150px; 
    margin: 300px -100px; 
    position: absolute;
    top:50%; 
    left:50%;
    font-size: 16px;
    font-family: "Courier New", monospace;
}

<!DOCTYPE html>
<html>
<head>
	<title>Bop</title>
	<link rel="stylesheet" type="text/css" href="fp.css">
</head>

<body>
	<h1>Mjao</h1>

	<div id="quoteDisplay">
		
	</div>
	
		<button onclick="newQuote()">Another one!</button>
	

	<script src="fp.js"></script>
	
</body>

</html>

The easiest way is to randomize your quotes array, then loop from the start, when you get to the end, randomize your quotes array, rinse and repeat. — Keith
– Keith, Commented Apr 16, 2018 at 15:45

frodo2975 · Accepted Answer · 2018-04-16 15:45:34Z

1

An easy way to do this is to shuffle a copy of the array, and then just iterate through it. See this answer for how to shuffle it:

How to randomize (shuffle) a JavaScript array?

answered Apr 16, 2018 at 15:45

frodo2975

12k5 gold badges39 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Simon · Accepted Answer · 2018-04-16 15:45:16Z

0

I think what you want is to simply remove the quote from the array after showing it.. so something like this should work:

quotes.splice(randomNumber, 1);

if you add it to newQuote() at the bottom...

answered Apr 16, 2018 at 15:45

Simon

2,5384 gold badges36 silver badges82 bronze badges

Comments

b3nc1 · Accepted Answer · 2018-04-16 15:46:15Z

0

or you just push the used words in an seprate array and check with

usedWordsArray.includes('Catsy')

answered Apr 16, 2018 at 15:46

b3nc1

1067 bronze badges

Comments

digital-pollution · Accepted Answer · 2018-04-16 15:48:35Z

0

just remove the item from the array when you're done with it.

    quotes.splice(randomNumber, 1);

answered Apr 16, 2018 at 15:48

digital-pollution

1,0848 silver badges19 bronze badges

Collectives™ on Stack Overflow

Javascript - Choose random variable from array but only once

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related