My html css works

 Calculator;     < div class = "container" >         < div class = "calculator" >             < div class = "display-screen" >< div class = "display" ></ div ></ div >             < div class = "buttons" >                 < table >                     < tr >                         < td >< button class = "number seven" id = "seven" >7</ button ></ td >                         < td >< button class = "number eight" id = "eight" >8</ button ></ td >                         < td >< button class = "number nine" id...

Funtion (e) Javascript OUTPUT OF :  document.getElementById("eightt").addEventListener("click", function(e){console.log(e)}) OUTPUT  PointerEvent  { isTrusted : true , pointerId : 0 , width : 1 , height : 1 , pressure : 0 , … } isTrusted : true altKey : false altitudeAngle : 1.5707963267948966 azimuthAngle : 0 bubbles : true button : 0 buttons : 0 cancelBubble : false cancelable : true clientX : 296 clientY : 511 composed : true ctrlKey : false currentTarget : null defaultPrevented : false detail : 1 eventPhase : 0 fromElement : null height : 1 isPrimary : false layerX : 296 layerY : 511 metaKey : false movementX : 0 movementY : 0 offsetX : 78 offsetY : 102 pageX : 296 pageY : 511 path : (5)  [ button #eightt .number.eight ,  body ,  html ,  document ,  Window ] pointerId : 0 pointerType : "touch" pressure : 0 relatedTarget : null returnValue : true screenX : 432 screenY : 496 shiftKey : false sourceCapabilities : InputDeviceCapabilities...