fc

by zxzc0

HTML

<div id="word1">word1</div>
<div id="btx">n</div>
<div id="bts">?</div>
<div id="btv">y</div>

CSS

body{
    background-color: #21262D;
    color: #eee;
}

#btx,#bts,#btv{
    display: inline-block;
    cursor: pointer;
    padding: 5px;
}

JavaScript

let words = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
const word1 = document.querySelector('#word1');
const btno = document.querySelector('#btx');
const btshow = document.querySelector('#bts');
const btyes = document.querySelector('#btv');

let index = 0;

function randWord() {
  btx.style.display = "none";
  btv.style.display = "none";
  word2.style.visibility = "hidden";
  word22.style.visibility = "hidden";
  btv.style.visibility = "hidden";
  btx.style.visibility = "hidden";
  word1.innerText = words[index];
}

btshow.addEventListener("click", function() {
  btx.style.display = "inline-block";
  btv.style.display = "inline-block";
  btshow.style.display = "none";
  btv.style.visibility = "visible";
  btx.style.visibility = "visible";
});
btno.addEventListener("click", function() {
  index++;
  randWord();
});

btyes.addEventListener("click", function() {
  btshow.style.display = "inline-block";
  words.splice(currentIndex, 1);
  randWord();
});

randWord();