diff --git a/36_Projects/12_Keyboard/index.html b/36_Projects/12_Keyboard/index.html new file mode 100644 index 0000000..ce5ac74 --- /dev/null +++ b/36_Projects/12_Keyboard/index.html @@ -0,0 +1,109 @@ + + + + + + + Event KeyCodes + + + + + +
+
+
Press the key and watch magic
+
+
+ + + + diff --git a/36_Projects/12_Keyboard/script.js b/36_Projects/12_Keyboard/script.js new file mode 100644 index 0000000..dca9e39 --- /dev/null +++ b/36_Projects/12_Keyboard/script.js @@ -0,0 +1,20 @@ +const insert = document.querySelector("#insert"); + +window.addEventListener("keydown", (e) => { + insert.innerHTML = ` +
+ + + + + + + + + + + +
KeyKeycodeCode
${e.Key === ' ' ? "space": e.Key}${e.Keycode}${e.Code}
+
+ `; +});