index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inscription-en-ligne</title>
    <style>
        @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
      </style>
     <!--liens css-->
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="./tailwind.config.js"></script>
     <!--fin liens css-->
</head>
<body id="al">
   <h1 class="p-[5rem] mx-[5rem] text-3xl"></h1>
<div id="sy" class="w-[20rem] h-[20rem] bg-[red]">
    <h2 class="text-3xl text-center">ça, c'est du JS</h2>
</div>

</body>
<script src="./script-correction.js"></script>
</html>