Meme Generator Essay Assignment Help

Meme Generator Essay Assignment Help

Instructions/Descriptions

Meme Generator Essay Assignment Help

Your boss wants you to make a meme generator. Enter an image URL, and captions to go on the top and bottom. Please? knish all steps by following instructions. 1 Create your HTML? le. Please create your HTML? le, name it as meme.html. Please remember the extension should be .html. And then add the following parts to your HTML? le.

1.1 Create a basic structure HTML • Declaration line. • • head & title • 1.2 Create a section in the section, there are three elements: • A element to display the image • A to display top caption. • A to display bottom caption. 1 1.3 Create a section in the section, there are three elements: • When text is entered into the. The sic of updates. • When text is entered into the. The text of updates. •

When text is entered into the. The text of updates. • Please add a text label above or in front of each input element to indicate what is it. (image URL, top text, bottom text) 1.4 You can add a heading title at the top of your page, egg: “Welcome to my meme Generator!” 1.5 The above sections are required; besides these, you can add additional sections for your webpage based on your design. 2 Create your jQuery? le. Please create your jQuery? le, name it as meme.js.

Please remember the extension should be. jess. And then add the following parts to your jQuery? le. 2.1 Create a $(document). ready (function () {}); $(document). ready (function () {}); 2.2 Create a key up event handler for #top-text element inside the function of $document. • attach a key up () event handler to the #top-text input so that it can respond to when a user types a key. • Inside the key up event handler, get the text entered into the #top-text input using. Val (). • Then set it as the text of using .text (). 2

[Order Now]

2.3 Create a key up event handler for #bottom-text element inside the function of $document. • attach a key up () event handler to the #bottom-text input so that it can respond to when a user types a key. • Inside the key up event handler, get the text entered into the #bottom-text input using. Val (). • Then set it as the text of using .text ().

2.4 Create a key up event handler for #image-URL element inside the function of $document. • attach a key up () event handler to the #image-URL input so that it can respond to when a user types a key. • Inside the key up event handler, get the text entered into the #image-URL input using. Val (). • Then set it as the sic attribute of the element using. attar ().

2.5 Create a fade to action for element inside the function of $document. • attach a hover () event handler to the image. • Inside the hover event handler, please add two functions as the input arguments. • The? rest function fades the image slowly to opacity 0.2 when the mouse hover over the image. • The second function fade the image slowly back to opacity 1 when the mouse hover away from the image.

2.6 Link JavaScript? le to HTML? le by using.

3 Create your CSS? le. Please create your CSS? le, name it as meme.css. Please remember the extension should be .CSS. And then add the following parts to your CSS? le.

3 3.1 Style your webpage by using following properties, these are optional choice.

• width:

• height:

• background-color:

• border-radius: • position • border • font-family

3.2 Style your webpage by using following selectors, these are optional choice. • element selector • id selector • class selector

3.3 Link your CSS? le to HTML? le by using

Meme Generator Essay Assignment Help

PLACE THE ORDER WITH US TODAY AND GET A PERFECT SCORE!!!