Создать функцию для добавления изображения в массив нажатием кнопки

MattBerg спросил: 13 октября 2017 в 07:31 в: javascript

У меня есть веб-страница, которая отображает массив изображений мировых лидеров.

Мне нужно добавить кнопку, которая добавит дополнительного лидера в этот массив и отобразит его.
Если Кто-нибудь может указать мне правильное направление, заранее спасибо.

<button class="btn" id="addLeader">Add Leader</button></section><script type="text/javascript">window.onload = function () {    var ArrayOfImages = ['images/trump.jpg', 'images/putin.jpg', 'images/merkel.jpg', 'images/jinping.jpg'];  //array of images
    ArrayOfImages.forEach(function (image) {    // for each link l in ArrayOfImages
        var img = document.createElement('img'); // create an img element
        img.src = image;                         // set its src to the link l
        img.height = '300';
        img.width = '200';
        img.hspace = '20';
        document.body.appendChild(img);          // append it to the body 
    });        var addButton = document.getElementById('addLeader');
        addButton.addEventListener('click', addLeader);    }   function addLeader(){
    ArrayOfImages.push('images/kimjongun.jpg');
    console.log(ArrayOfImages);
   }</script>

0 ответов