ユーザーエントリをローカルストレージに保存しました。この情報は、個々のアイテムとしてリスト内に格納されます。これはすべて機能しますが、表示されるキーは非常に醜く見えます。これを改善する方法を知りたいと思います。HTML：キーアイテムのフォーマットが改善されました
テキストは、{「エントリ」として表示されます：「公園で実行」....どのように私はこれが良く見えるようにすることができますが、たとえば、エントリ：公園で実行します....必要に応じてHTMLを提供することができます。あなたはJSONを持っていると仮定すると
はlocalStorage項目でJSONを解析し、あなたがそれをする方法HTMLをフォーマットするためにキーと値を使用するために使用JSON.parse()を使用し、localStorageに保存されています。
var json = JSON.parse('{"entry":"run at the park","exercise":"jogging"}');
// you'd probably do...
// var json = JSON.parse(localStorage.getItem('whatever'));
document.getElementById('list').innerHTML = '<li><strong>'+json.entry+':</strong> '+json.exercise+'</li>';<ul id="list"></ul>これは私があなたに感謝してくれたものです。 –
@GeorgeBrooks素晴らしいことだ。 –
私はHTMLとJSでそれをやりました。私が使用した変数はTemplate literalsです。
<!DOCTYPE html>
<html>
\t <body>
\t <p id="demo"></p>
\t <script>
\t \t \t let log = {
\t \t \t "Entry": "run at the park",
\t \t \t "Exercise": "jogging",
\t \t \t "Date": "2017-05-03",
\t \t \t "Start": `10:21am`,
\t \t \t "End": `11:45pm`,
\t \t \t "calories": `649`
\t \t };
\t \t document.getElementById("demo").innerHTML =
\t \t \t `Entry: ${log.Entry}<br>
\t \t \t Exercise: ${log.Exercise}<br>
\t \t \t Date: ${log.Date}<br>
\t \t \t Start: ${log.Start}<br>
\t \t \t End: ${log.End}<br>
\t \t \t calories: ${log.calories}`;
\t </script>
</body>
</html>
ので、あなたはのlocalStorage VARにJSONを格納していますか？ –
JSONオブジェクトによく似ています。それらを解析して、それらのプロパティがきれいに配置された既製のHTMLマークアップを表示しようとしましたか？ – DragShot