简体   繁体   English

我用javascript做错了什么?

[英]what I am doing wrong with javascript?

Can anyone help me and tell me what is is wrong with code.任何人都可以帮助我并告诉我代码有什么问题。 please help me with this code.请帮我处理这个代码。 I don't know what is wrong with that.我不知道这有什么问题。 Can anyone help me and tell me what is is wrong with code.任何人都可以帮助我并告诉我代码有什么问题。 please help me with this code.请帮我处理这个代码。 I don't know what is wrong with that.我不知道这有什么问题。

<!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>
</body>
</html>

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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM