charmainetham/event.html

## event.html
<!DOCTYPE html>
<html>
<head></head>
<body>
  <form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
</body>

</html>


<!--
When your cursor is in the input and you press the SHIFT key, what events get triggered? Is keypress one of them? Why or why not
nothing happens because keypress only works for character keys only and shift is not one of them

holding shift and A together triggers keydown, keypress and then keyup on the time of releasing.

delete is keydown and keyup on time of release

tab initiates focus event focus in on the other input and focus out on the initial input. Clicking the input has the same effect focus out on the one not clicked and focus in on the one that was clicked. It is different as by clicking you are specifying which input you want to focus on but with tabbing it selects based on order.

for drag and drop it is the DragEvent followed by the drop event. they have the same DragEvent interface
touch event occurs when the user touches thescreen but click even is when the pointing device button is pressed(mouse)

-->
	<!DOCTYPE html>
	<html>
	<head></head>
	<body>
	<form>
	First name:<br>
	<input type="text" name="firstname"><br>
	Last name:<br>
	<input type="text" name="lastname">
	</form>
	</body>

	</html>


	<!--
	When your cursor is in the input and you press the SHIFT key, what events get triggered? Is keypress one of them? Why or why not
	nothing happens because keypress only works for character keys only and shift is not one of them

	holding shift and A together triggers keydown, keypress and then keyup on the time of releasing.

	delete is keydown and keyup on time of release

	tab initiates focus event focus in on the other input and focus out on the initial input. Clicking the input has the same effect focus out on the one not clicked and focus in on the one that was clicked. It is different as by clicking you are specifying which input you want to focus on but with tabbing it selects based on order.

	for drag and drop it is the DragEvent followed by the drop event. they have the same DragEvent interface
	touch event occurs when the user touches thescreen but click even is when the pointing device button is pressed(mouse)

	-->