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.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
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>