JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Santa ask: Who are you kid?</h3>
	<section>
		<input type="text" placeholder="YOUR name" id='santaName'/>
		<div id="go">Go</div>
	</section>

JavaScript

var nameList = [
	'gio',
	'anna',
	'chiara',
	'ella',
	'sarah',
	'sara'
];

$(document).ready(function(){
	window.randomName =pickRandomName(nameList);
	luckyName(nameList);
});

 function luckyName(nameList){
	var section = $('section');
	$('section').on('click', '#go', function(){
		var currentSanta = $('#santaName').val();
		console.log(currentSanta);

		if( currentSanta != window.randomName){
			console.log(window.randomName);
			$('section').append(window.randomName);
		
		} else {
			//pick up another random name
			window.randomName =pickRandomName(nameList);
			console.log(window.randomName);
		}
		


	});
}
  function pickRandomName(randomName){
	var randomName1 = nameList[Math.floor(Math.random() * nameList.length)];
      console.log(randomName1);
      return randomName1
	
};