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 + diff --git a/EmojiGenerator/index.html b/EmojiGenerator/index.html new file mode 100644 index 0000000..44421f2 --- /dev/null +++ b/EmojiGenerator/index.html @@ -0,0 +1,35 @@ + + + + + + Emoji Generator + + + +
๐Ÿ˜ƒ
+ + + 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)]; +})