mikewoodld Posted August 8, 2020 Share Posted August 8, 2020 Hello! I'm very new with Javascript and I'm working to modify some demo files that I found. I'm trying to display JSON data in a div on an HTML page. It's working, but only for two pieces of data: The web page: The script: <script> fetch('/config/config.json') .then(function (response) { return response.json(); }) .then(function (data) { appendData(data); }) .catch(function (err) { console.log('error: ' + err); }); function appendData(data) { var mainContainer = document.getElementById("myData"); for (var i = 0; i < data.length; i++) { var div = document.createElement("div"); div.innerHTML = 'EOS IP ' + data[i].eosIP + "<br>" + "EOS OSC Tx Port " + data[i].eosTxPort; + "<br>" + "EOS OSC Rx Port " + data[i].eosRxPort; mainContainer.appendChild(div); } } </script> The raw data: So as you can see, I can only seem to display the first two lines of data. I feel like this is something in the loop, but I just don't have the experience to understand what's wrong. I would appreciate any guidance. Thanks! Link to comment Share on other sites More sharing options...
Ingolme Posted August 8, 2020 Share Posted August 8, 2020 You have a semi-colon ; in the middle of the statement which is causing the problem. data[i].eosTxPort; + "<br>" 1 Link to comment Share on other sites More sharing options...
mikewoodld Posted August 8, 2020 Author Share Posted August 8, 2020 5 minutes ago, Ingolme said: You have a semi-colon ; in the middle of the statement which is causing the problem. data[i].eosTxPort; + "<br>" DOH! That'd do it. Thank you so much. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now