Problema con mostra/nascondi di un input

Salve, ho realizzato questo scritp che ha la funzione di mostrare una tabella soltanto se un determinato input assume un certo valore, ma mi dà un problema: ovvero che io devo scrivere quel valore e poi premere un altro tasto perchè lo script funzioni. Sapete aiutarmi?

Ecco lo script js:

function input(){
    
    if(document.getElementById('stato').value=='italia'){
        document.getElementById('italy').style.display = 'block';
    }else{
        document.getElementById('italy').style.display = 'none';
    }
    
}

E quello HTML

<tr><td>Paese</td><td><input style="width:200px;"type="text" name="nazione" id="stato" onkeydown="input()" /></td></tr></table>
    <div id="italy" style="display:none">
    <table>
    <tr><td width="166">Regione</td><td><input style="width:200px;" type="text" name="regione" /></td></tr>
    <tr><td>Provincia</td><td><input style="width:200px;" type="text" name="provincia" /></td></tr>
    </table>
    </div>

[dementialsite]

È perché stai usando onkeydown come gestore di eventi, che reagisce quando viene premuto un tasto sulla tastiera (per questo devi premerne un altro prima che venga riconosciuta la parola "italia").

Prova a considerare il gestore onkeyup, che al contrario reagisce quando viene rilasciato un tasto: in questo modo non dovresti avere il problema che citi.

Stammi bene...

Grazie mille!