Lesson6 - dropMenu.js

function createDivs() {
    var inputNum = document.getElementById('textInput');
    var value = inputNum.value;

    var inputTitle = document.getElementById('title');
    var titleVal = inputTitle.value;

    var newDiv = document.createElement('div');
    document.body.appendChild(newDiv);
    newDiv.className = 'menuContainer jsBind';

    var title = document.createElement('div');
    newDiv.appendChild(title);
    title.className = 'menuTitle';
    title.innerText = titleVal;
    title.onmouseover = function () {
        newUl.style.display = 'block';
    };
    title.onmouseout = function () {
        newUl.style.display = 'none';
    };

    var newUl = document.createElement('ul');
    newDiv.appendChild(newUl);

    for(var i = 0; i < parseInt(value); i++) {
        var newLi = document.createElement('li');
        newUl.appendChild(newLi);
        newLi.innerText = i + 1;
    }
}