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.
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>