JSFiddle - React, Tailwind, and code Playground

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/winjs/3.0.1/js/WinJS.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/winjs/3.0.1/css/ui-dark.css">
    <title>BlankSharedApp1.Windows</title>

    <!-- Références WinJS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/winjs/3.0.1/css/ui-dark.css"  />
   
 <script src="Microsoft.WinJS.4.0/js/WinJS.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/winjs/3.0.1/js/WinJS.js"></script>
    <!-- Références BlankSharedApp1.Windows -->
    <link  rel="stylesheet" href="css/default.css"   />
    <script src="js/default.js"></script>
</head>
<body>
    <h1>Donnez votre opinion sur cette application</h1>
    <input id="opinion" type="text" placeholder="Dites du bien du nous" />
    <button id="send-btn">Envoyer</button>
    <div id="thanks" class="hidden">
    Merci d'avoir partagé votre avis avec nous
    </div>
</body>
</html>

CSS

body {
}
.hidden {
    visibility:collapse;
}
.win-appbar button.win-command .win-label {
    color:white;
}

JavaScript

// Add your TypeScript or JavaScript here 
// Pour obtenir une présentation du modèle Vide, consultez la documentation suivante :
// http://go.microsoft.com/fwlink/?LinkId=232509
(function () {
    "use strict";
WinJS.Binding.optimizeBindingReferences = true ;
    var app = WinJS.Application;
    var activation = Windows.ApplicationModel.activation;
  

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
                // TODO: cette application vient d'être lancée. Initialisez
                // votre application ici.
            } else {
                // TODO: cette application a été réactivée après avoir été suspendue.
                // Restaurez l'état de l'application ici.
            }
            args.setPromise(WinJS.UI.processAll().done(function () {
                
                var button =window.document.getElementById("send-btn");
                
                button.addEventListener("click", sendButtonClick);
            
            
        }));
    };

    app.oncheckpoint = function (args) {
        // TODO: cette application est sur le point d'être suspendue. Enregistrez tout état
        // devant être conservé lors des suspensions ici. Vous pouvez utiliser l'objet
        // WinJS.Application.sessionState, qui est automatiquement
        // enregistré et restauré en cas de suspension. Si vous devez effectuer une
        // opération asynchrone avant la suspension de votre application, appelez
        // args.setPromise().
    };

    app.start();
     
}();
   function sendButtonClick(args){
            var  thanks = window.document.getElementById("thanks");
            thanks.className=" ";
            setTimeout (function (){
                thanks.className ="hidden";
            }, 1500);
    
   }
})();