function makeGrid(height, width) {
   width = document.querySelector('#inputWidth').value;
  height = document.querySelector('#inputHeight').value;
  for(var i = 1; i <= height; i++) {
    document.querySelector('table').appendChild('tr');}
    for( i = 1; i <= width; i++) {
     document.querySelector('tr').appendChild('td');
    }}
//------------------------------------------------------------------
function paintCell() {
    document.querySelector('td').addEventListener= ('click',function () {
        var color = document.querySelector('#colorPicker').value;
        document.querySelector('td').style.backgroundColor= color;} );
    
}
//------------------------------------------------------------------
document.querySelector('#sizePicker').addEventListener('submit', function (e){
e.preventDefault();
makeGrid();
paintCell();
 
});
//------------------------------------------------------------------