random number

by batcave

HTML

<button class="js-random">random number</button>
<div class="display-number"></div>

CSS

button {
	padding: 1.3rem;
}

.display-number {
	padding: 1.3rem 1.3rem 1.3rem 0;
	font-size: 1.4rem;
}

JavaScript

const button = document.querySelector('.js-random');
const display = document.querySelector('.display-number');
const numbers = [];

button.addEventListener('click', function() {
	let number = generateRandomNumber();
	
	if (!numbers.includes(number)) {
		numbers.push(number);
		display.innerHTML = number;
	} else {
		number = generateRandomNumber();
		numbers.push(number);
		display.innerHTML = `I'm already a number: ${number}`;
	}
	
});

function generateRandomNumber() {
	return Math.floor(Math.random() * 365) + 1;
}