Note generator

by Martin Dědík

HTML

<span id="number"></span>
<span>-</span>
<span id="letter"></span>

CSS

span {
  font-size: 100px;
  text-transform: uppercase;
}

JavaScript

var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'],
  intervalTime = 8000,
  lastNumber, number;

function generateRandom() {
	number = Math.floor(Math.random() * 7);
  return number;
}

function getRndNumber() {
	return Math.floor(Math.random() * 5) + 1;
}

var interval = setInterval(function() {
  while (number === lastNumber) {
  	generateRandom();
  }
  
  $('#number').text(getRndNumber);
  $('#letter').text(arr[number]);
  
  lastNumber = number;

}, intervalTime);

generateRandom();
$('#number').text(getRndNumber);
$('#letter').text(arr[number]);