Multi arrays und von eigener Homepage die Suche auf anderen Seiten Starten
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 id="butt" 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>