JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="fr">

<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Requête Serveur</title>
	<link rel="stylesheet" href="style.css" media="screen" type="text/css" />
	<link href="script.js" type="text/js" />
	<script defer src="https://pyscript.net/alpha/pyscript.js"></script> 
	<script src="gestionFormulaire.js" defer></script>
	<script language="javascript">
		function send() {
			var confirmation = confirm("Comfirmation de la réinitialisation ?");
		}
	</script>
</head>

<body id="cont">
	<form method="post" name="formulaire" class="formulairePourBDEtudiant" onreset="return send()" onrequete_random="req_ran()">
		<h2>Informations</h2>
		<label><b>Requête : </b></label>
		<input id="requete" type="text" placeholder="Entrer la requête" name="requete" autofocus required /><br><!-- ici -->
		<input id="lance_requete" value="Requête random" type="button" name="requete_random" pys-onclick="rempli_run_random"/><br><!-- ici -->
		<input value="Envoyer" type="submit" name="submit" />
		<input value="Réinitialiser" type="reset" name="reset" />
	</form>
	<py-script>
import random
elements_requete1 = ["*", "name", "price", "description", "created", "modified"]
elements_requete2 = ["", "WHERE price>1000", "WHERE price>500" "WHERE price>100"]
elements_requete3 = ["", "ORDER BY description DESC LIMIT 1", "ORDER BY description ASC LIMIT 1"]
elements_requete4 = ["", "WHERE name LIKE 'Samsung%'", "WHERE name LIKE 'LG%'", "WHERE name LIKE 'Lenovo%'", "WHERE name LIKE 'Sony%'", "WHERE name LIKE 'Huawei%'"]
elements_requete5 = ["","WHERE created = '2014-06-01%'", "WHERE created >= '% 18:%'"]
elements_requete6 = ["","WHERE modified >= '2014-06-01 01:12:26'", "WHERE modified >= '2016-01-11 14:46:02'"]
elements_requete7 = ["", random.choice(elements_requete2), random.choice(elements_requete3),random.choice(elements_requete4),...