Testing Webfonts

HTML
<!DOCTYPE html> <html> <body> <button onclick="addCol('grid')">Add</button> <button onclick="deleteCol('grid')">Remove</button> <div id="grid"></div> </body> </html>
CSS
JAVASCRIPT
document.addEventListener('DOMContentLoaded',init); function init(){ initGrid('grid'); } function initGrid(gridId){ var gridE=document.getElementById(gridId); gridE.innerHTML='<div class="row"></div>'; } function addCol(gridId){ gridRowE=document.querySelector('#'+gridId+'>div.row'); var newDiv=document.createElement('div'); newDiv.classList.add('col'); newDiv.innerHTML='Testing text'; gridRowE.appendChild(newDiv); } function deleteCol(gridId){ gridRowE=document.querySelector('#'+gridId+'>div.row'); console.log(gridRowE); }
Expand for more options Login