(function() {

if (document.readyState != 'loading') {

} else {

document.addEventListener('DOMContentLoaded', function() {

/* var operForm = document.querySelector('#operForm');

console.log(operForm);

(document.querySelectorAll("button")).forEach(function(value, index, obj){

console.log(value.getAttribute("data-oper"));

if(value.getAttribute("data-oper") === "modify"){

value.addEventListener('click', function(e){

operForm.setAttribute("action", "/board/modify");

operForm.submit();

});

}else if(value.getAttribute("data-oper") === "list"){

value.addEventListener('click', function(e){

operForm.querySelector("#bno").remove();

operForm.setAttribute("action", "/board/list");

operForm.submit();

});

}else ;

});   */

var operForm = document.querySelector('#operForm');

document.querySelector("button[data-oper='modify']").addEventListener("click", function(e){

operForm.setAttribute("action", "/board/modify");

operForm.submit();

});

document.querySelector("button[data-oper='list']").addEventListener("click", function(e){

operForm.querySelector("#bno").remove();

operForm.setAttribute("action", "/board/list");

operForm.submit();

});

/*     var formObj = document.querySelector('#operForm');


    var elements = document.querySelectorAll('button');

   

    NodeList.prototype.addEventListener = function(event, func) {

        this.forEach(function(content, item) {

           content.addEventListener(event, func);

        });

    }

   

    function button(e) {


e.preventDefault();

var operation = e.target.getAttribute('data-oper');


console.log(operation);


if (operation === 'modify') {

formObj.setAttribute('action', "/board/modify");

} else if (operation === 'list') {

formObj.querySelector("#bno").remove();

formObj.setAttribute("action", "/board/list");

}

formObj.submit();

}

   

    elements.addEventListener("click", button);

  */

});

}

})();