JSFiddle - React, Tailwind, and code Playground

HTML

le code est 12345<br /><br />
<div id="numbers">
<div data-num="1">1</div>
<div data-num="2">2</div>
<div data-num="3">3</div>
 
<div data-num="4">4</div>
<div data-num="5">5</div>
<div data-num="6">6</div>
 
<div data-num="7">7</div>
<div data-num="8">8</div>
<div>raz</div>
</div>
<div data-code="" id="secret"></div>

CSS

#numbers {
  display: grid;
  grid-template-columns: repeat(3, 60px);
  grid-gap: 10px;
}
#numbers div {
  background-color: lightblue;
  text-align: center;
  padding: 10px 20px;
  font-size: 2em;
}
#secret {
  width: 200px;
  border: 1px solid black;
  height: 1em;
  margin-top: 1em;
  font-size: 2em;
  padding-top: 5px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
}

JavaScript

document.getElementById('numbers').addEventListener('click', ({target}) => {
	clickNum(target.dataset.num);
});
 
function clickNum(num) {
	num*=1;
  if(!Number.isInteger(num)) {
  document.getElementById('secret').textContent = '';
  document.getElementById('secret').dataset.code = '';
  return;
  }
  document.getElementById('secret').dataset.code += num;
  document.getElementById('secret').textContent += '*';
  if(document.getElementById('secret').dataset.code === '12345') { // ton code secret ici
  alert('youpi'); // juste pour que tu vois que ca fonctionne
  //window.open("http://lienverssite", "_blank"); // ta redirection ici
  }
}