実現したいこと
JavaScript初心者です。
JavaScriptでapiを読み込もうとしています。
しかしループ処理をしているのにもかかわらず一つしか表示されません。
どのようにすればいいのか教えてください。
コード
javascript
1window.addEventListener('load', function() { 2 getTrainList(); 3}); 4 5function getTrainList() { 6 var url = 'url'; 7 fetch(url) 8 .then(function (data) { 9 return data.json(); // 読み込むデータをJSONに設定 10 }) 11 .then(function (json) { 12 for (let i = 0; i <= 100; i++) { 13 const time = json[i].time; 14 const massage = json[i].massage; 15 const writetime = document.getElementById("time") 16 const writemassage = document.getElementById("massage") 17 const str = massage; 18 const brmassage = str.replace( '/n', '</br>' ); 19 writetime.innerHTML = (`${time}`); 20 writemassage.innerHTML = (`${brmassage}`); 21 } 22 }); 23}
html
1<body> 2 <h1>train</h1> 3<div id="time"></div> 4<div id="massage"></div> 5 <script src="script.js"></script> 6</body>
(body内抜粋)
参考ページ
https://qiita.com/tarch710/items/91b8abc124a7efbc7a93
表で表示はしたくなかったのでアレンジしたのですが表示できなくなりました。
回答1件
あなたの回答
tips
プレビュー