diff --git a/_notebooks/Conditions/2024-11-10-conditinals_hacks.ipynb b/_notebooks/Conditions/2024-11-10-conditinals_hacks.ipynb
index c08a00c..0fd5c2e 100644
--- a/_notebooks/Conditions/2024-11-10-conditinals_hacks.ipynb
+++ b/_notebooks/Conditions/2024-11-10-conditinals_hacks.ipynb
@@ -18,6 +18,85 @@
     "---"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": 51,
+   "metadata": {
+    "vscode": {
+     "languageId": "html"
+    }
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "<output id=\"output\"></output>\n",
+       "\n",
+       "<script>\n",
+       "   \n",
+       "    function initializeData(data = null) {\n",
+       "        let speed = 5; \n",
+       "\n",
+       "       \n",
+       "        if (data !== null && data.speed !== undefined) {\n",
+       "            speed = data.speed;\n",
+       "        }\n",
+       "\n",
+       "        \n",
+       "        document.getElementById(\"output\").innerText = \"Speed: \" + speed;\n",
+       "\n",
+       "        \n",
+       "        console.log(\"Speed:\", speed);\n",
+       "    }\n",
+       "\n",
+       "   \n",
+       "    initializeData();\n",
+       "\n",
+       "   \n",
+       "    const jsonData = { speed: 10 };\n",
+       "    initializeData(jsonData);\n",
+       "</script>\n"
+      ],
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "%%html\n",
+    "\n",
+    "<output id=\"output\"></output>\n",
+    "\n",
+    "<script>\n",
+    "   \n",
+    "    function initializeData(data = null) {\n",
+    "        let speed = 5; \n",
+    "\n",
+    "       \n",
+    "        if (data !== null && data.speed !== undefined) {\n",
+    "            speed = data.speed;\n",
+    "        }\n",
+    "\n",
+    "        \n",
+    "        document.getElementById(\"output\").innerText = \"Speed: \" + speed;\n",
+    "\n",
+    "        \n",
+    "        console.log(\"Speed:\", speed);\n",
+    "    }\n",
+    "\n",
+    "   \n",
+    "    initializeData();\n",
+    "\n",
+    "   \n",
+    "    const jsonData = { speed: 10 };\n",
+    "    initializeData(jsonData);\n",
+    "</script>\n"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},
@@ -58,14 +137,92 @@
    ]
   },
   {
-   "cell_type": "raw",
+   "cell_type": "code",
+   "execution_count": 52,
    "metadata": {
     "vscode": {
-     "languageId": "raw"
+     "languageId": "javascript"
     }
    },
+   "outputs": [
+    {
+     "data": {
+      "application/javascript": "\n<div id=\"output2\"></div>\n\n<script>\n    function code(){\n        let level = \"100\";\n        let output = document.getElementById(\"output2\");\n        let message = (level === \"100\") ? \"Great, you are on the perfect level!\" : \"Eugh, go away noob you are under-leveled!\";\n\n        output.innerHTML = message;  \n        console.log(\"ran\");         \n        console.log(level, output, message); \n\n       \n        console.log(message);\n    }\n\n\n    code();\n</script>\n",
+      "text/plain": [
+       "<IPython.core.display.Javascript object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
    "source": [
-    "%%"
+    "%%js\n",
+    "\n",
+    "<div id=\"output2\"></div>\n",
+    "\n",
+    "<script>\n",
+    "    function code(){\n",
+    "        let level = \"100\";\n",
+    "        let output = document.getElementById(\"output2\");\n",
+    "        let message = (level === \"100\") ? \"Great, you are on the perfect level!\" : \"Eugh, go away noob you are under-leveled!\";\n",
+    "\n",
+    "        output.innerHTML = message;  \n",
+    "        console.log(\"ran\");         \n",
+    "        console.log(level, output, message); \n",
+    "\n",
+    "       \n",
+    "        console.log(message);\n",
+    "    }\n",
+    "\n",
+    "\n",
+    "    code();\n",
+    "</script>\n"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 53,
+   "metadata": {
+    "vscode": {
+     "languageId": "javascript"
+    }
+   },
+   "outputs": [
+    {
+     "data": {
+      "application/javascript": "\n\nlet gameObject = {\n    handleKeyDown: function(event) {\n        const keyCode = event.keyCode || event.which; \n        console.log('Key Pressed:', String.fromCharCode(keyCode), 'Code:', keyCode);\n    }\n};\n\n\nconst keyEvents = [\n    new KeyboardEvent('keydown', { keyCode: 73 }), // i\n    new KeyboardEvent('keydown', { keyCode: 74 }), // j\n    new KeyboardEvent('keydown', { keyCode: 75 }), // k\n    new KeyboardEvent('keydown', { keyCode: 76 })  // l\n];\n\n\nkeyEvents.forEach(event => gameObject.handleKeyDown(event));\n\nconsole.log(gameObject);\n",
+      "text/plain": [
+       "<IPython.core.display.Javascript object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    }
+   ],
+   "source": [
+    "%%js\n",
+    "\n",
+    "\n",
+    "let gameObject = {\n",
+    "    handleKeyDown: function(event) {\n",
+    "        const keyCode = event.keyCode || event.which; \n",
+    "        console.log('Key Pressed:', String.fromCharCode(keyCode), 'Code:', keyCode);\n",
+    "    }\n",
+    "};\n",
+    "\n",
+    "\n",
+    "const keyEvents = [\n",
+    "    new KeyboardEvent('keydown', { keyCode: 73 }), // i\n",
+    "    new KeyboardEvent('keydown', { keyCode: 74 }), // j\n",
+    "    new KeyboardEvent('keydown', { keyCode: 75 }), // k\n",
+    "    new KeyboardEvent('keydown', { keyCode: 76 })  // l\n",
+    "];\n",
+    "\n",
+    "\n",
+    "keyEvents.forEach(event => gameObject.handleKeyDown(event));\n",
+    "\n",
+    "console.log(gameObject);"
    ]
   },
   {