what I am doing wrong with javascript?

see below updated, you missed/misplaced the single quote , I hope this is what you are looking for :

<!DOCTYPE html>
<html>
<body>
<p id="demo">enter code here</p>

<script>
    var all = [
        {
            "name": "redfruit",
            "price": 9.20,
            "text2": "Our selection of red fruits and fresh milk<br>No added preservatives or sugars"
        },
        {
            "name": "veggie",
            "price": 8.80,
            "text2": "Our selection of veggies and fresh milk<br>No added preservatives or sugars"
        },
        {
            "name": "jajko",
            "price": 6.90,
            "text2": "Our selection of veggies and fresh milk<br>No added preservatives or sugars"
        }
    ];

    var i;
    for (i = 0; i < all.length; i++) {
        var moko = all[i];
        var extrahtml="\
    <li>\
            <div class="info">\
                <h3>" + moko.name + '</h3>\
                <p>' + moko.price.toFixed(2) + ' </p>\
                <p>' + moko.text2 + '</p>\
                </div>\
            </li>\
    ';
        document.getElementById("demo").innerHTML += extrahtml;
    }
</script>

Leave a Comment