Problema con input reset

di
reggioboy
il
1 risposte
R
reggioboy
Utente Attivo
Iscritto da
mar, 2020
Messaggi:
52

Problema con input reset

Buonasera.
non capisco perchè premendo il pulsante reset non mi cancella la textarea dove sbaglio grazie 

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
    <title>Gioco carta,forbice,sasso</title>
    <style>
      body{
        background-image: url(carta.jpg);
      }
    </style>
  </head>
  <body>
      <div class="container mt-5">
        <h1  class="text-white">Gioco Carta,Forbice,Sasso </h1>
        <br>
        <h2  class="text-white">Scegli il tuo segno</h2>
    <form action="">
     <select name="gioco" id="gioco"  class="btn btn-primary btn-lg btn-block" >
            <option value="Carta">Carta</option>
            <option value="Forbice">Forbice</option>
            <option value="Sasso">Sasso</option>
        </select>
        <br>
        <textarea name="" id="risultato" cols="30" rows="10" disabled></textarea>
        <br>
        <input type="button" value="Invia" onclick="vai()">
        <input type="reset" value = "Cancella">
      
      </form>

      </div>

1 Risposte

  • ninja72
    ninja72
    Utente Attivo
    Iscritto da
    mag, 2020
    Messaggi:
    79

    Re: Problema con input reset

    Se non ho capito male, per effettuare il reset della texarea devi utilizzare javasscript.
    
<input id="reset" type="reset" value="Cancella">

    
 <script>
            const reset = document.getElementById('reset')
            reset.addEventListener('click', ()=> {
                document.getElementById('risultato').textContent = ''
            })
        </script>
Devi accedere o registrarti per scrivere nel forum
1 risposte