Plain HTML examples including event handling and dynamic page modifications

[fzenner1]

I miss examples that demonstrate some basic mechanics, especially event handling and dynamic page modifications. Being fairly unexperienced in WebComponents, React, Angular and Vue, an example in plain HTML would be great. Also how to read values like the status of a check-box in the Scale / WebComponent way would be helpful.

Suggestion for an example: A web page containing three input fields, a button and a grid. Two input fields are meant to be filled with coordinates (e.g. "2", and "3") by the user. The third input field with an arbitrary string (e.g. "Hello World"). When the button is pressed, the user input is written to the grid at the given coordinates.

A link to similar basic examples - if they exist - would help beginners like me as well.