diff --git a/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte b/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte
index 24c9a6368a9..47f3d8a87fa 100644
--- a/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte
+++ b/site/content/tutorial/16-special-elements/04-svelte-window/app-a/App.svelte
@@ -1,10 +1,10 @@
 <script>
 	let key;
-	let keyCode;
+	let code;
 
 	function handleKeydown(event) {
 		key = event.key;
-		keyCode = event.keyCode;
+		code = event.code;
 	}
 </script>
 
@@ -13,7 +13,7 @@
 <div style="text-align: center">
 	{#if key}
 		<kbd>{key === ' ' ? 'Space' : key}</kbd>
-		<p>{keyCode}</p>
+		<p>{code}</p>
 	{:else}
 		<p>Focus this window and press any key</p>
 	{/if}
@@ -39,4 +39,4 @@
 		border-bottom: 5px solid rgba(0, 0, 0, 0.2);
 		color: #555;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte b/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte
index 026dfa94f7a..c4b5ae53b38 100644
--- a/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte
+++ b/site/content/tutorial/16-special-elements/04-svelte-window/app-b/App.svelte
@@ -1,10 +1,10 @@
 <script>
 	let key;
-	let keyCode;
+	let code;
 
 	function handleKeydown(event) {
 		key = event.key;
-		keyCode = event.keyCode;
+		code = event.code;
 	}
 </script>
 
@@ -13,7 +13,7 @@
 <div style="text-align: center">
 	{#if key}
 		<kbd>{key === ' ' ? 'Space' : key}</kbd>
-		<p>{keyCode}</p>
+		<p>{code}</p>
 	{:else}
 		<p>Focus this window and press any key</p>
 	{/if}