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();
 
});


//------------------------------------------------------------------