Pobieranie danych z formularza

pytanie zadane 7 grudnia 2020 w HTML i CSS przez xano Początkujący (300 p.)

Dobry można się dowiedzieć od was czego mi w tym kodzie brakuje bądź co jest źle?

<!DOCTYPE HTML>

<html>

    <head>

        <meta charset="utf-8">

    </head>

    <body>

            <p>

            podaj a </a> <input type="number" id="boka" />

            </p>

            <p>

                podaj b <input type="number" id="bokb" />

                </p>

                <p>

                    podaj c <input type="number" id="bokc" />

                    </p>

                    <p>

                        <input type="submit" onclick="sprawdz" value="sprawdz" />

                    </p>



                    <script>

                        function sprawdz(){

                            var boka - document.getElementById('boka').value;

                            var bokb - document.getElementById('bokb').value;

                            var bokc - document.getElementById('bokc').value;

                            var wynik - document.getElementById('Sprawdz');

                            if(this.boka + this.bokb < this.bokc){

                                wynik.innerHTML ="Można Zbudować Trójkąt";

                            }else{

                                wynik.innerHTML ="Nie Można Zbudować Trójkąta";

                            }

                        }

                    </script>

    </body>

</html>

po kliknięciu sprawdź nic się nie dzieje :/

2 odpowiedzi

odpowiedź 8 grudnia 2020 przez VBService Ekspert (256,600 p.)
wybrane 10 grudnia 2020 przez xano

Najlepsza

5. var wynik - document.getElementById('sprawdz'); - odwołuję się do "przycisku", więc powinno być: wynik.value = "Można Zbudować Trójkąt"; no i brak atrybutu id, <input type="submit" id="sprawdz" onclick="sprawdz()" value="sprawdz" />


<input type="submit" id="sprawdz" onclick="sprawdz()" value="sprawdz" />

const wynik = document.getElementById('sprawdz');
wynik.value = 'Twój tekst';

<button id="sprawdz" onclick="sprawdz()">sprawdz</button>

const wynik = document.getElementById('sprawdz');
wynik.innerHTML = 'Twój tekst';
wynik.textContent = 'Twój tekst'; // lub

wynik.value = 'Twój tekst'; //z button zadziała jak setAttribute('value', 'Twój tekst');
wynik.setAttribute('value', 'Twój tekst');

Codepen

<body>
  <p>podaj a <input type="number" id="boka"></p>
  <p>podaj b <input type="number" id="bokb"></p>
  <p>podaj c <input type="number" id="bokc"></p>
  <p id="wynik"></p>
  <p>
    <button onclick="sprawdz()">sprawdz</button>
  </p>

<script>
  function sprawdz() {
    const boka = document.getElementById('boka').value;
    const bokb = document.getElementById('bokb').value;
    const bokc = document.getElementById('bokc').value;
    const wynik = document.querySelector('#wynik');

    if((boka + bokb) < bokc) {
      wynik.textContent = 'Można Zbudować Trójkąt';
    }else{
      wynik.textContent = 'Nie Można Zbudować Trójkąta';
    }
  }
</script>
</body>