From 4bd134c3417eb4106690be35972bd0f053b8bab1 Mon Sep 17 00:00:00 2001
From: AgataLudwiczynska <74932979+AgataLudwiczynska@users.noreply.github.com>
Date: Sun, 7 Feb 2021 12:27:01 +0100
Subject: [PATCH 1/3] Function RenderChoosePokemonScreen

---
 src/index.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 52366be..e779ce3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,8 @@
-//Uncomment to see the choose pokemon page
-//const newTemplate = document.querySelector('#choose-page-template')!;
-//const app = document.querySelector('#app')!;
-//app.innerHTML = newTemplate.innerHTML
\ No newline at end of file
+function renderChoosePokemonScreen(appDiv: HTMLDivElement){
+  const playButton = document.querySelector("#start-game-btn") as HTMLDivElement;
+  playButton?.addEventListener("click", () => {
+    const choosePokemonScreen = document.querySelector("#choose-page-template") as HTMLTemplateElement;
+    appDiv.innerHTML = choosePokemonScreen.innerHTML;
+  });
+}
+

From cda6db2398cb00d15821a13c5471da34bdf43a88 Mon Sep 17 00:00:00 2001
From: AgataLudwiczynska <74932979+AgataLudwiczynska@users.noreply.github.com>
Date: Sun, 7 Feb 2021 20:27:44 +0100
Subject: [PATCH 2/3] Appendig function to the whole index.ts

---
 src/index.ts | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 322275d..5da6552 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -22,22 +22,27 @@ const createHowToPlayButton = () => {
   howToPlayButton.addEventListener("click", () => {
     showModal(infoModal, "flex");
   });
-    hideModal(infoModal);
+  hideModal(infoModal);
 };
 
-function renderChoosePokemonScreen(appDiv: HTMLDivElement){
-  const playButton = document.querySelector("#start-game-btn") as HTMLDivElement;
+const renderChoosePokemonScreen = (appDiv: HTMLDivElement) => {
+  const playButton = document.querySelector(
+    "#start-game-button"
+  ) as HTMLDivElement;
   playButton?.addEventListener("click", () => {
-    const choosePokemonScreen = document.querySelector("#choose-page-template") as HTMLTemplateElement;
+    const choosePokemonScreen = document.querySelector(
+      "#choose-page-template"
+    ) as HTMLTemplateElement;
     appDiv.innerHTML = choosePokemonScreen.innerHTML;
   });
-}
+};
 
 const renderApp = () => {
   const app = document.querySelector("#app") as HTMLDivElement;
   renderStartingPage(app);
   renderHowToPlayModal(app);
   createHowToPlayButton();
+  renderChoosePokemonScreen(app);
 };
 
 setTimeout(renderApp, 2000);

From e43e43d45fd0d9c5027e2830a4018690bba0c049 Mon Sep 17 00:00:00 2001
From: AgataLudwiczynska <74932979+AgataLudwiczynska@users.noreply.github.com>
Date: Sun, 7 Feb 2021 22:19:22 +0100
Subject: [PATCH 3/3] Corrections

---
 src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.ts b/src/index.ts
index 151f5ac..18b3081 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -48,7 +48,7 @@ const renderChoosePokemonScreen = (appDiv: HTMLDivElement) => {
     ) as HTMLTemplateElement;
     appDiv.innerHTML = choosePokemonScreen.innerHTML;
   });
-
+}
 
 const renderApp = () => {
   const app = document.querySelector("#app") as HTMLDivElement;