Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Jak wyświetlić danych pod formularzem ?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
LijO
Witam napisałem skrypt który wyświetla dane wprowadzone w formularz , tylko jak naciskam button to przenosi mnie do innej strony. Jak wyświetlić te dane pod formularzem ?
Kod
<html>
<head>
<script type="text/javascript">
function ustawionana()
{
      
      document.write("Podana liczba to "+document.getElementById("god").value+":" +
          document.getElementById("min").value+":"+
          document.getElementById("sec").value);
    
}


</script>
        <form >
            godzina <input type="number" id="god" ><br>
            minuta  <input  type="number" id="min"><br>
            minuta  <input  type="number" id="sec"><br>
            <input  onclick="ustawionana()" type="button" value="submit">
        </form>
    <title></title>
</head>
<body >
<div>
    <div onload="ustawionana()"></div>
</div>

</body>
</html>
Lord
  1.  
  2. </head>
  3. <body >
  4. <div>
  5. godzina <input type="number" id="god" ><br>
  6. minuta <input type="number" id="min"><br>
  7. minuta <input type="number" id="sec"><br>
  8. <input id="button" type="button" value="submit">
  9. </div>
  10. <div id="show"> </div>
  11. <script type="text/javascript">
  12. document.querySelector("#button").addEventListener('click', function(){
  13. var god = document.getElementById("god");
  14. var min = document.getElementById("min");
  15. var sec = document.getElementById("sec");
  16. var show = document.getElementById("show");
  17. show.textContent = ("Podana liczba to " + god.value + ":" + min.value + ":" + sec.value);
  18. })
  19. </body>
  20. </html>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.