<javascript>テキストボックスの内容によってアクセス先を変更したい

社内の商品サイトのURLが下記のようになっているため。
https://～～～/商品名
テキストボックス内に商品名を入力し、ボタンを押すことで、
商品ページにアクセスするJavascriptを書きたいのですがうまく動きません。

試しに、テキストボックスに　.co.jp/ の入力で
ヤフージャパン（https://www.yahoo.co.jp/）へのアクセスを試みましたが何も起こりませんでした。

<body> <input type="text" id="syouhin"> <input type="button" id="akusesu" value="yahoo.co.jpへアクセス"> <script type="javascript"> var syouhin; var akusesu; syouhin = document.getElementById('syouhin').value; akusesu.onclick = location.href = 'https://www.yahoo/' + syouhin; </script> </body>

akusesu.onclick = location.href = 'https://www.yahoo/' + syouhin;
上記に問題がありそうなのですが、具体的にどう書けばいいのかわかりません。

宜しければお知恵をお貸しください。

行動規範の内容に同意します

回答1件

ベストアンサー

色々問題があります。

まず、そもそも処理を関数にしてonclickで発火させないと動作しません。
あとJavaScriptの文法でおかしいところがあります。
あとhttps://www.yahoo/とは？

HTML
1<input type="text" id="syouhin">
2<input type="button" id="akusesu" value="yahoo.co.jpへアクセス" onclick=aiueo()>

JavaScript
1function aiueo() {
2  var syouhin;
3  var akusesu;
4  syouhin = document.getElementById('syouhin').value;
5  location.href = 'https://www.yahoo.co.jp/' + syouhin;
6}