Question
Question Emoji Emoji characters can be an effective way to communicate a message. But, did you know it is possible to insert emoji characters into
Question
Emoji
Emoji characters can be an effective way to communicate a message. But, did you know it is possible to insert emoji characters into HTML using the decimal or hexadecimal reference.
#Objective
Use what you have learned about creating HTML elements using JavaScript to dynamically create an emoji gallery.
#Requirements
must adhere to the following requirements:
-The assignment should utilize one HTML (index.html), CSS (style.css), and JavaScript (script.js) file, each located at the root of the repository.
- emoji gallery should be responsive.
-You may not use a modern CSS Framework like Bootstrap or Foundation, or any CSS and JavaScript Libraries. However, feel free to use a CSS reset (reset.css).
- may not declare variables with var. Use either const or let.
- emoji gallery should utilize modern layout techniques using Flexbox or CSS Grid.
-All emoji characters should be dynamically added to the page using JavaScript and the character's decimal or hexadecimal reference.
-The decimal or hexadecimal reference should be included next the emoji character.
-emoji gallery should include a minimum of 100 emoji characters.
#Hints
Adding an emoji character to HTML can be as simple as using the decimal or hexadecimal code proceeded by and followed by a semicolon ;.
Review Emoji Unicode Reference to learn more.
????
129409
129409
#Rubric
based on the following criteria:
Requirement | Marks |
---|---|
Repository and files are named and structured correctly | 2 |
100 emoji characters are dynamically added to the gallery | 3 |
The decimal or hexadecimal character code is displayed with each emoji | 0.5 |
The UI is responsive and well designed | 2 |
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started