From 24cf8c58f07d436f827e8023f039ec9fbf0db16e Mon Sep 17 00:00:00 2001 From: urjabahad <127567639+urjabahad@users.noreply.github.com> Date: Mon, 30 Oct 2023 21:58:48 +0530 Subject: [PATCH 1/4] Added Random Emoji Generator. This random emoji generator is made using HTML, CSS and Javascript --- EmojiGenerator/index.html | 45 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 EmojiGenerator/index.html diff --git a/EmojiGenerator/index.html b/EmojiGenerator/index.html new file mode 100644 index 0000000..346c635 --- /dev/null +++ b/EmojiGenerator/index.html @@ -0,0 +1,45 @@ + + + + + + Emoji Generator + + + +
😃
+ + + \ No newline at end of file From 3fe6e9daf532b99e3cc9842feee4dce5ac62712c Mon Sep 17 00:00:00 2001 From: urjabahad <127567639+urjabahad@users.noreply.github.com> Date: Mon, 30 Oct 2023 22:00:20 +0530 Subject: [PATCH 2/4] Create README.md --- EmojiGenerator/README.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 EmojiGenerator/README.md diff --git a/EmojiGenerator/README.md b/EmojiGenerator/README.md new file mode 100644 index 0000000..921b4b6 --- /dev/null +++ b/EmojiGenerator/README.md @@ -0,0 +1,7 @@ +This random emoji generator is made using HTML, CSS and Javascript. +CSS styling and JS is included in the index.html file itself. +Working Demonstration: + + +https://github.com/urjabahad/Javascript-Projects/assets/127567639/c109278a-cc5d-4102-b767-6f4736ea1d25 + From 2e77e5b574b7063b7b2a54fc71257fccc0c6f4b0 Mon Sep 17 00:00:00 2001 From: urjabahad <127567639+urjabahad@users.noreply.github.com> Date: Tue, 31 Oct 2023 00:28:01 +0530 Subject: [PATCH 3/4] Update index.html --- EmojiGenerator/index.html | 14 ++------------ 1 file changed, 2 insertions(+), 12 deletions(-) diff --git a/EmojiGenerator/index.html b/EmojiGenerator/index.html index 346c635..44421f2 100644 --- a/EmojiGenerator/index.html +++ b/EmojiGenerator/index.html @@ -30,16 +30,6 @@ }
😃
+ - - \ No newline at end of file + From e50200f89068983d7aa3f1cf48e46c93ad261daa Mon Sep 17 00:00:00 2001 From: urjabahad <127567639+urjabahad@users.noreply.github.com> Date: Tue, 31 Oct 2023 00:28:44 +0530 Subject: [PATCH 4/4] Create script.js --- EmojiGenerator/script.js | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 EmojiGenerator/script.js diff --git a/EmojiGenerator/script.js b/EmojiGenerator/script.js new file mode 100644 index 0000000..5e95f5d --- /dev/null +++ b/EmojiGenerator/script.js @@ -0,0 +1,9 @@ +const btn=document.querySelector("#emoji"); +const emojis = [ + "😄", "😁", "😆", "😅", "😂", "🤣", "😊", "😇", "🙂", "🙃", "😉", "😌", "😍", + "🥰", "😘", "😗", "😙", "😚", "😋", "😛", "😝", "😜", "🤪", "🤨", "🧐", "🤓", "😎", "🤩", + "🥳", "😏", "😒", "😞", "😔", "😟", "😕", "🙁", "☹️", "😣", "😖", "😫", "😩" +]; +btn.addEventListener("mouseover",()=>{ + btn.innerHTML=emojis[Math.floor(Math.random()*emojis.length)]; +})