前提・実現したいこと
ここに質問の内容を詳しく書いてください。
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
javascriptのオブジェクトを使って文字列を画面に表示させたいです。
エラーメッセージ
画面には${item.price}-でます。
該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>データをひとつにまとめる②?オブジェクト?</title> <style> #list { border-collapse: collapse; } #list td { border: 1px solid #8a919e; padding: 6px 20px; } </style> </head> <body> <header> <div class="container"> <div class="logo"></div> <h1 class="page-title">データをひとつにまとめる②?オブジェクト?</h1> </div> </header> <main> <div class="container">javascript,html ソースコード
</main> <footer> <div class="container"> <small>JavaScript Study Lab.</small> </div> </footer> <script> 'use strict'; var item = {name:'大トロ', qty: 1, price: 1000}; var tableRow = `<tr> <td>${item.name}</td> <td>${item.qty}貫</td> <td>${item.price}-</td> </tr>`; document.getElementById('list').innerHTML = tableRow; </script> </body> </html><!-- メインコンテンツ --> <h3>お品書き</h3> <table id="list"> </table> <!-- メインコンテンツ --> </div>
試したこと
ここに問題に対して試したことを記載してください。
問題集の答えをダウンロードしてhtmlを開くとできたがそのソースコードをコピーして自分のテキストエディタ(teraパッド)に張り付けると画面には${item.price}-がでた。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/11 04:36
2019/05/11 04:41