テキストボックスに基づいてリンクを作成する

Question

検索バーのようなものを作るにはどうすればよいですか？検索する代わりに、テキストボックスの内容を住所に追加します。

たとえば、「hello」と入力すると、「https://example.com/hello」にリンクするボタンがあります。

Answer 1

これは次のように簡単なことができます。ボタンのクリックでテキストの値を取得し、ボタンをクリックするとテキストボックスの値をドメインの最後に追加しますp.innerTextがどこにあるあなたはそれが

がボタンの上にリダイレクトするようにしたいものは何でも...あなたが追加することができます

window.location.replace(url)をクリックします。

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>