Buttons sollen den Text im Searchfeld nutzen links und das Searchfeld soll mithilfe von Enter in Google suchen

Hallo zusammen, ein guter Kumpel von mir hat eine html seite zusammen geschustert und wir üben zusammen dadurch wie wir eine simple startseite bauen können die mit einem Javascript versehen ist. Wir grübeln schon seit Tagen nach einem folgenden Problem und wissen nicht wie wir es lösen können.

Der hier verwendete Code

<!DOCTYPE html> <html lang="de"> <!-------------------------------------HEAD-------------------------------------------------> <head> <meta charset="UTF-8"> <title>Startseite</title> </head> <body> <div class="line"> <input type="text" id="suchtext" placeholder="tes"> </div> <div class="line buttons"> <input type="button" id="google" value="Google"> <input type="button" id="googlemaps" value="Maps"> <input type="button" id="googlenews" value="News"> <input type="button" id="youtube" value="YouTube"> <input type="button" id="wikipedia" value="Wikipedia"> <input type="button" id="dict" value="Dict.cc"> <input type="button" id="deepl" value="DeepL"> <input type="button" id="ebay" value="Ebay"> <input type="button" id="amazon" value="Amazon"> <input type="button" id="geizhals" value="Geizhals"> <input type="button" id="idealo" value="Idealo"> </div> <script> var seiten=[]; seiten["google"]="https://www.google.de/search?q="; seiten["googlemaps"]="https://www.google.de/maps/"; seiten["googlenews"]="https://news.google.com/search?q="; seiten["youtube"]="https://www.youtube.com/results?search_query="; seiten["wikipedia"]="https://de.wikipedia.org/wiki/"; seiten["dict"]="https://www.dict.cc/?s="; seiten["deepl"]="https://www.deepl.com/translator#en/de/"; seiten["ebay"]="https://www.ebay-kleinanzeigen.de/"; seiten["amazon"]="https://smile.amazon.de/s?k="; seiten["geizhals"]="https://geizhals.de/?fs="; seiten["idealo"]="https://www.idealo.de/preisvergleich/MainSearchProductCategory.html?q="; var inp_ele=document.querySelectorAll('.buttons input'); inp_ele.forEach(function(f){ f.addEventListener('click',function(){ let suche = document.getElementById('suchtext').value; let url = seiten[f.id]+suche; window.open(url); }) }) </script> </body>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!