JSFiddle - React, Tailwind, and code Playground

by anaketa

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(){
	pickRandomName();
	luckyName();
});

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

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


	});
};

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