<html> <head> <style> .result { text-align: center; font-size: 20px; font-weight: bold; margin-top: 20px; } </style> </head> <body> <div id=”resultContainer”> <p class=”result”></p> </div> <script> function randomNumber() { var baseNumbers = [6, 3, 2]; var randomIndex = Math.floor(Math.random() * baseNumbers.length); return baseNumbers[randomIndex]; }

function isOdd(number) {
return number % 2 !== 0;
}

function isEven(number) {
return number % 2 === 0;
}

var previousOutcome = null;

var randomNumber = randomNumber();
if (previousOutcome === “odd”) {
while (isOdd(randomNumber)) {
randomNumber = randomNumber();
}
} else if (previousOutcome === “even”) {
while (isEven(randomNumber)) {
randomNumber = randomNumber();
}
}

var result = document.querySelector(“.result”);
if (isOdd(randomNumber)) {
result.innerHTML = randomNumber + ” is odd.”;
} else {
result.innerHTML = randomNumber + ” is even.”;
}
</script>