JSFiddle - React, Tailwind, and code Playground

by alemarch

HTML

<div  id="testo"></div>
<input type="text" id="numLettere" size="2" value="0"/>
<input type="button" onclick="lettera(-1)" id="p1" value="-"/>
<input type="button" onclick="lettera(1)" id="p2" value="+"/>

JavaScript

/*(function saluta() {
    var nome = null, ct = 0
    while (    (typeof nome != 'string') || (nome.length < 3) ) {
        nome = prompt(ct + " inserisci il nome","")
        ct++
    }
})()*/

window.onload = function(){
    alert(parola)
    document.getElementById("testo").innerHTML = parola
 
}

    var parola = "excalibur"
    var num = parola.length

function lettera(ct){
   num += ct
   document.getElementById("testo").innerHTML = parola.substring(0,num)
   document.getElementById("testo").style.border = "solid " + num + "px blue"
   
   
   num = Math.min(num, parola.length)
   num = Math.max(num, 0)
   if (num==0) {
       document.getElementById("p1").disabled = true 
   } else {
       document.getElementById("p1").disabled = false
   }
   if (num==parola.length) {
       document.getElementById("p2").disabled = true 
   } else {
       document.getElementById("p2").disabled = false
   } 
   document.getElementById("numLettere").value = num 
   
}