CODEWITHSUNDEEP
javascript
Nasir
Nasir

Reputation: 4865

How do I add a new Object to a Array, in JavaScript?

How do I add newObject to my array shapeArr? Do I need to add a for loop?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <style type="text/css">
            ul{ list-style-type:none;}
            div{ width:300px; height:200px; background-color:#0066cc; }
        </style>    
    </head>
    <body>
        <ul id="placeholder"></ul>
        <a href="#" id="btn">Add</a>

        <script type="text/javascript">

            function add(){

                function draw(){

                    var template = document.createElement("li");
                    template.innerHTML = "<div></div><a href='#' class='update'>Update</a>";                

                    document.getElementById("placeholder").appendChild(template);
                }

                var newObject = new draw();

                var shapeArr = [];

            }

            var btn = document.getElementById("btn");
            btn.addEventListener("click", add, false);

        </script>       
    </body>
</html>

Upvotes: 0

Views: 57

Answers (2)

Musa
Musa

Reputation: 97717

Use Array.push().

shapeArr.push(newObject);

Upvotes: 1

Hunter McMillen
Hunter McMillen

Reputation: 61540

You can use the push() method of the JavaScript Array to add new elements to the end: 

var newObject = new draw();
var shapeArr  = [];

// add the new Object
shapeArr.push(newObject);

Upvotes: 0

Related Questions