przejscie na strone w zaleznosc od zawastosci

Question

Witam, 

Chciałbym aby w zależności od danych w impucie po kliknieciu na link przejsc na inny adres.
Przykład: jesli będzie  82 to jakiś link, jesli  1556 to inny itd ... 

HTML: 

			<div class="input-group">
			  <span class="input-group-addon" id="basic-addon3">www.matemaks.pl/zadania/zadanie</span>
			  <input type="text" class="form-control" id="pole-id" aria-describedby="basic-addon3">
			  <span class="input-group-addon" id="basic-addon3">.html</span>
			</div>
			<a href="#" class="btn btn-default btn-lg btn-block"><span onclick="szukaj(id)" class="glyphicon glyphicon-search"></span>szukaj!</a>

JS:

function szukaj() {
	
        var id = document.getElementById('pole-id');

        if(id==85)window.open('newpage.html', '_blank');
        document.getElementById("zegar").innerHTML = id;
}

Nawet nie działa wpisanie zmiennej id do #zegar .. Może mi ktoś pomóc ? Z góry dziękuje i pozdrawiam!

Comments

Odnosisz się do elementu #zegar, a nie widać, abyś go umieścił w HTML.

Wywołujesz onclick="szukaj(id)" z przekazaniem zmiennej id, której nie ma zadeklarowanej globalnie. Poza tym funkcja szukaj() nie przyjmuje żadnych argumentów, a Ty i tak wewnątrz tworzysz lokalną zmienną o nazwie id.

---

var id = document.getElementById('pole-id');

Tutaj pobierasz element <input id="pole-id">

, ale aby uzyskać wpisaną do niego wartość, musisz odczytać ją z atrybutu .value. Dopiero tą wartość sobie porównywać z jakąś liczbą, ze świadomością że dane pobrane z atrybutu value są typu string.

---

Kurde, faktycznie strasznie namotałem, co do #zegar to był taki div tylko wyżej i zapomniałem go umieścić. Wielkie dzięki za wytknięcie mi tych błędów ;)

Answer 1

Html 

<div class="input-group">
  <span class="input-group-addon" id="basic-addon3">www.matemaks.pl/zadania/zadanie</span>
  <input type="text" class="form-control" id="pole-id" aria-describedby="basic-addon3">
  <span class="input-group-addon" id="basic-addon3">.html</span>
</div>
<a class="btn btn-default btn-lg btn-block" onclick="szukaj()"><span  class="glyphicon glyphicon-search"></span>szukaj!</a>

JS:

function szukaj() {
  var id = Number(document.getElementById('pole-id').value);

  if(id===85){
    window.open('newpage.html', '_blank');
  }else if(id===86){
  	window.open('newpage1.html', '_blank');
  }else{
  	alert('Nie ma takiej strony');
  }
}

 

Comments

Wielkie dzięki za działający kod ;)

Answer 2

Chyba to linia:

var id = document.getElementById('pole-id');

powinna być:

var id = document.getElementById('pole-id').value;

Comments

Tak, to jeden z błędów który popełniłem