Search code examples
javascripthtmldomgetelementbyidconsole.log

How do I display the content of a JavaScript object in a string format using document.getElementById("abc").innerHTML DOM?


Want to display my output on screen rather than one console.

var str = lowerString.split(" ");
var count = {};
str.forEach(function(s){
    count[s] ? count[s]++ : count[s] = 1;
});
console.log(count); 

Solution

  • <!DOCTYPE html>
    <html>
    <body>
    
     
    
    <p id="demo"></p>
    
    <script>
    var lowerString="twst";
    var str = lowerString.split(" ");
    var count = {};
    str.forEach(function(s){
        count[s] ? count[s]++ : count[s] = 1;
    });
    
    document.getElementById("demo").innerHTML = JSON.stringify(count);
    </script>
    
    </body>
    </html>