HTML/JS Basit bir sayfa arama motoru nasıl yapılır?

furkaniko · 26 Ekim 2022

Arkadaşlar merhaba, web sitemde 10 adet sayfa olacak ve isimleri 1234 gibi numerik sayılardan oluşacak. Yapmak istediğim şey bir arama kutusu ve buton olacak arama kutusuna kullanıcı örneğin 1234 yazacak ve otomatik olarak site.com/1234 adresine yönlendirecek yani site.com/ adresi sabit olacak slashtan sonraki kısım kullanıcının girdiği değere göre değişecek. Bunu nasıl yaparım?

tam1gamer1 · 26 Ekim 2022

Tasarım kısmını yaptığınızı var sayarak:

JavaScript:

<script>
        
    function btnGo(){
    
    var search = document.getElementById("searchBox").innerText;
      window.location.href = "https://siteniz.com/" + search;
    
    }
    
</script>

İyi sosyaller.

furkaniko · 26 Ekim 2022

tam1gamer1 dedi:
Tasarım kısmını yaptığınızı var sayarak:

JavaScript:

<script> function btnGo(){ var search = document.getElementById("searchBox").innerText; window.location.href = "https://siteniz.com/" + search; } </script>

İyi Sosyaller.

Kod:

 <form>
 <input id="searchBox"/>
 <button onclick="btnGo()"></button>
 </form>

Hocam öncelikle cevabınız için teşekkürler HTML kısmını bu şekilde yaptım fakat hiçbir şey olmadı web programlamada yeniyim muhtemelen yanlış yaptım

yardımcı olabilir misiniz?

meakJK · 26 Ekim 2022

Kod:

var search = document.getElementById("searchBox").innerText;

Kodunu alttakiyle değişin

Kod:

var search = document.getElementById("searchBox").value;

Ek olarak form etiketi içinde buton kullandığında o buton form için çalışır, onun için form etiketi dışına yazın input ve button etiketlerini; zaten herhangi bir GET/POST işlemi yapmıyorsun.

furkaniko · 27 Ekim 2022

meakJK dedi:
Kod:

var search = document.getElementById("searchBox").innerText;

Kodunu alttakiyle değişin

Kod:

var search = document.getElementById("searchBox").value;

Ek olarak form etiketi içinde buton kullandığında o buton form için çalışır, onun için form etiketi dışına yazın input ve button etiketlerini; zaten herhangi bir GET/POST işlemi yapmıyorsun.

tam1gamer1 dedi:
Tasarım kısmını yaptığınızı var sayarak:

JavaScript:

<script> function btnGo(){ var search = document.getElementById("searchBox").innerText; window.location.href = "https://siteniz.com/" + search; } </script>

İyi Sosyaller.

İkinize de çok teşekkür ederim. Sorunumu bu kod ile çözdüm wehteatro hocamın düzeltmesiyle tamamen çalıştı

Çözüldü olarak işaretleyemiyorum neden bilmiyorum moderatör arkadaşlar işaretlerse mutlu olurum.

HTML/JS Basit bir sayfa arama motoru nasıl yapılır?

Ayrıntılı düzenleme

furkaniko

Hectopat

tam1gamer1

Decipat

furkaniko

Hectopat

meakJK

Kilopat

furkaniko

Hectopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz