web strage keyで検索

###前提・実現したいこと
web strageからkeyで検索した値を表示することがしたいのですがうまくいきません
よろしければおしえていただけるでしょうか？

###発生している問題・エラーメッセージ

エラーは今のところありません。

###該当のソースコード

<!DOCTYPE html> <html dir="ltr" lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=1.0, minimum-scale=1.0"> <title></title> </head> <body>  <p><span>検索:</span><input type='text' id='serch'></input></p> <p><input type='button' id='button' value='検索' onclick="serchStorage();"></input></p> <script> function serchStorage(){ document.getElementById("result").innerHTML = localStorage.getItem("serch"); } </script> <p>検索結果</p> <div id="result"></div>  </body> </html>

###試したこと
javascript自体あまり経験がありません

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2016/09/14 06:49

コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

toutou

2016/09/14 06:49

質問の編集をして上のCodeって所を押して右にプレビュー画面があるのでそれを見つつコードを囲むと解答がつきやすいですよ。

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

回答1件

ベストアンサー

以下のように、入力欄の値をgetItemに渡してあげればよいのではないかと

javascript
1function serchStorage(){
2       	var word = document.getElementById("serch").value;
3       	document.getElementById("result").innerHTML = localStorage.getItem(word);
4}