Stellen Sie Links basierend auf Textfeldern her

Question

Wie kann ich etwas wie eine Suchleiste haben, aber anstelle der Suche, fügt es den Inhalt des Textfelds an eine Adresse an.

Zum Beispiel sagen, ich gebe "Hallo" ein, ich möchte eine Schaltfläche haben, die Links zu "https://example.com/hello".

Answer 1

Es kann etwas so einfach wie unten sein, Sie erhalten den Wert des Textes auf einen Knopf klicken, und dann, wenn Sie auf den Knopf geklickt haben, hängen Sie den Wert des Textfelds an das Ende einer Domäne an was auch immer Sie es

sein wollen auf den Button, um zu umleiten klicken Sie hinzufügen können ...

window.location.replace(url) wo die p.innerText ist.

var search = document.querySelector('#search'); 
 
var button = document.querySelector('#search-btn'); 
 
var p = document.querySelector('p'); 
 
var url; 
 

 
button.addEventListener('click', function() { 
 
    url = 'exampledomain.com/' + search.value; 
 
    
 
    p.innerText = url; 
 
});

<input type="text" id="search" /> 
 
<button id="search-btn">Search</button> 
 
<p></p>