From c6cd1e53518e9ba9eb8ff6fa47c152c041484596 Mon Sep 17 00:00:00 2001 From: Mr Pancakes Date: Thu, 22 Sep 2022 21:11:31 +0200 Subject: [PATCH] trying to make stackblitz work --- README.md | 2 +- package.json | 3 +++ public/script.js | 2 +- 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 442f1a3..5421a61 100644 --- a/README.md +++ b/README.md @@ -14,7 +14,7 @@ I like combining the web and game development, if you like what you see please d ## About The Project -This emoji slider demonstrates how to use Javascript to update an image with a HTML range slider. +This emoji slider demonstrates how to use Javascript to update an image with a HTML range slider. And also how to re-trigger a CSS animation that has already been animated. ## Prerequisites diff --git a/package.json b/package.json index c548fb6..6bed94d 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,9 @@ "scripts": { "dev": "http-server ./public/" }, + "stackblitz": { + "startCommand": "npm run dev" + }, "devDependencies": { "http-server": "^14.1.1" } diff --git a/public/script.js b/public/script.js index 19c8f5b..96b6d4b 100644 --- a/public/script.js +++ b/public/script.js @@ -29,7 +29,7 @@ slider.addEventListener("input", (event) => { * re-paint and add the class back again */ slider_decale.classList.remove("bounce") - // forcing a re-paint can be done by many things, I just happend to go with focus + // forcing a re-paint can be done in many ways, I just happend to go with focus slider_decale.focus() slider_decale.classList.add("bounce") }) \ No newline at end of file