hw 08

💼 Homework

1️⃣ ☕ Код в песочнице

Добавьте возможность вставки элемента в любую заданную позицию в массиве

Подсказка:

Нужно добавить элемент input, куда будет вводиться индекс позиции вставки элемента с верификацией введенных значений ( в пределах длины массива )

• Например, если в массиве нет элементов, то возможно только одно значение - 0
• Если в массиве один элемент, то вставка возможна либо перед ним ( индекс 0 ), либо после него ( индекс 1 )
• Если в массиве два элемента ( 0 и 1 ), то возможные значения позиции вставки: 0, 1, 2
• и так далее...

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

2️⃣ Рекурсия с замыканием

Создайте несколько элементов на странице, запустив код:

var tagNames = [ "div", "div", "div", "div", "button" ]
var divStyle = `
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: solid 1px green;
    font-size: 25px;
`
elements = tagNames.map ( function ( x ) {
    return document.body.appendChild ( 
        document.createElement ( x ) 
    )
})

elements.filter ( function ( element ) {
    return element.tagName === "DIV"
})
.forEach ( function ( element, num ) {
            element.style = divStyle
            element.innerText = num
})

elements.filter ( function ( element ) {
    return element.tagName === "BUTTON"
})
.forEach ( function ( element ) {
    element.innerHTML = "remove DIVs"
    element.onclick = function ( event ) {
            recursRemove ()
    }
})

Напишите рекурсивную функцию recursRemove (), удаляющую все элементы "DIV" на странице

👻 Подсказка

( если сдались, но тогда самостоятельно добавьте и удаление кнопки 😉 )