the web page consists of three text boxes one is for html code one is for css an

Question

the web page consists of three text boxes one is for html code one is for css and the third is the results of the code from the prior text boxes mentioned. I need help on the the html and java code on how to do the three buttons.

7. Create three buttons: (launch, toggle, and clear) o Launch: clicking the launch button should retrieve the contents of the HTML textarea and use them to populate the preview pane. o Toggle: clicking the toggle button should toggle the contents of the CSS textarea on and off. (display the css and not display the css). o Clear: clicking the clear button should reset the contents of both textareas and the preview pane. If you click the clear button twice, a prompt will appear and the input will change the title of the page. Should write your own JavaScript function for resetting the contents of both text areas If you click the clear button twice, a prompt will appear and ask the user what they would like to change the title of the webpage to. Whatever the user enters will be displayed in the title tag and display at the top of the browser in the tab. o o

Explanation / Answer

HTML

<div class="container">
<div class="launch"></div>
<div class="toggle"></div>
<div class="clear"></div>
</div>

CSS

.container {
display: inline-block;
cursor: pointer;
}

.lauch, .toggle, .clear {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}

.change .launch {
-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .toggle {
opacity: 0;
}

.change .clear {
-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
transform: rotate(45deg) translate(-8px, -8px) ;
}

Related Questions

Navigate

• Browse (All)
• Browse T
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.