[JAVASCRIPT] Sprawdzanie czy zmienna jest pusta

pytanie zadane 12 maja 2022 w JavaScript przez Piotrek2713 Mądrala (5,340 p.)

Robię zadanie z drugiego odcinka JS Pana Mirosława. Próbuję stworzyć warunek sprawdzający, czy zmienna liczba jest pusta.

<!DOCTYPE html>
<html lang="pl">
	<head>
		<meta charset="utf-8">
		<title>Sprawdź Liczbę</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="text/javascript">
			function Sprawdz()
			{
				var liczba = document.getElementById('liczba').value;

				if (liczba<0) document.getElementById('wynik').innerHTML="Liczba "+liczba+" jest ujemna";
				else if (liczba>0) document.getElementById('wynik').innerHTML="Liczba "+liczba+" jest dodatnia";
				else if (liczba==0) document.getElementById('wynik').innerHTML="Liczba jest równa "+liczba;
				else if (liczba=="") document.getElementById('wynik').innerHTML="Wpisz wartość liczbową";
				else document.getElementById('wynik').innerHTML="Wartość "+liczba+" nie jest liczbą";
			}
		</script>
	</head>
	<body>
		<input type="text" id="liczba">
		<input type="submit" value="Sprawdź" onclick="Sprawdz()">
		<div id="wynik"></div>
	</body>
</html>

trzeci warunek nie działa

komentarz 18 lipca 2022 przez zerakot Obywatel (1,870 p.)

Kursy P. Mirosława są małowartościowe. Sam od nich zaczynałem i żałuję.

2 odpowiedzi

odpowiedź 12 maja 2022 przez overcq Pasjonat (21,650 p.)
wybrane 12 maja 2022 przez Piotrek2713

Najlepsza

Trzeci warunek przechodzi:

Lepiej najpierw porównać do pustego ciągu, ponieważ zmienna liczba jest typu string, a następnie skonwertować (parseInt) do liczby i porównywać. Poza tym wtedy można użyć operatora porównania ===

komentarz 12 maja 2022 przez Piotrek2713 Mądrala (5,340 p.)

Pomyliłem się przy liczeniu, miałem na myśli czwarty warunek. Przeniosłem ten warunek na początek i działa. Dzięki!

odpowiedź 13 maja 2022 przez VBService Ekspert (253,100 p.)
edycja 13 maja 2022 przez VBService

Możesz też spróbować warunek "zamknąć" w bloku try ... catch()

<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="utf-8">
        <title>Sprawdź Liczbę</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <input type="text" id="liczba">
        <input type="button" value="Sprawdź" onclick="Sprawdz()">
        <div id="wynik"></div>
    </body>
</html>

function Sprawdz()
{
  try
  {
    const liczba = parseInt(document.getElementById('liczba').value.trim());
    if (liczba || liczba == 0)
    {
      const liczba_jest = (liczba == 0) ? 'równa': (liczba < 0) ? 'ujemna' : 'dodatnia';
      document.getElementById('wynik').textContent = 'Liczba ' + liczba + ' jest ' + liczba_jest;
    }
    else
    {
      throw 'Wpisz wartość liczbową';
    }
  }
  catch(error)
  {
    document.getElementById('wynik').textContent = error;
  }
  finally 
  {
    document.getElementById('liczba').focus();
  }
}