Please create an online document editor using HTML, CSS, and JavaScript. Include a menu where it show a cool journal logo and a button (Start journaling) to click In the online document editor include a copy and paste button, a file button, where user can click new (to open a new page) Open to click on any existing documents. Let documents be saved automatically. Please also include: - Font Size - Font Type - Bold text button - A way to change font color - And when writing once the text gets to the end of the page, let it start a new line

Please create an online document editor using HTML, CSS, and JavaScript. Include a menu where it show a cool journal logo and a button (Start journaling) to click In the online document editor include a copy and paste button, a file button, where user can click new (to open a new page) Open to click on any existing documents. Let documents be saved automatically. Please also include: - Font Size - Font Type - Bold text button - A way to change font color - And when writing once the text gets to the end of the page, let it start a new line

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter8: Enhancing A Website With Multimedia: Working With Sound, Video, And Animation

Section: Chapter Questions

Problem 11CP1

See similar textbooks

Similar questions

<!DOCTYPE html><html><head><style>p {font-family: arial; font-size: 20px;} </style></head><body> <button onclick='buyApple()'>Purchase Appple</button><button onclick='buyOrange()'>Purchase Orange</button> <p id="balance"></p> <script>// javascript code begin// Step 1. initialize variables:change=100 // starting balanceapple=10 // price of 1 appleorange=20 // price of 1 orangetortilla=30 // price of 1 tortillafoundMoney=25 // pretend found $25// initialize the user-interface when this page loads:document.getElementById("balance").innerHTML = "$"+change;// Step 2. define event functions for each buttonfunction buyApple(){change -= apple;document.getElementById("balance").innerHTML = "$"+change;}function buyOrange(){change -= orange;document.getElementById("balance").innerHTML = "$"+change;}// Make 2 more functions here,…
Make a timer that has 2 minutes limit, the game starts when you click the timer button. When times up the cards can't be clicked. Make the cards be able to be flipped. Write a function for matching the cards, if htey match keep them with the right side up if don't flip them back. Do this in javascript.html and css codes <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="start.css"> <title></title> </head> <body> <div class="whole"> <div class="images"><img src="1.png"></div> <div class="images" ><img src="final.jpg"></div> <div class="images"><img src="2.png"></div> <div class="images"><img src="final.jpg"></div> <div class="images"><img src="final.jpg"></div> <div class="images"><img src="4.png"></div> <div class="images"><img src="final.jpg"></div> <div…
Please implement this web browser menu bar. Should be the same. If you already visited the pages Home, Produts, Services, About, and Contacts are going to be purple. If you have not visited the pages they need to be blue. If you are going to visited Products, Services, and Contacts are going to be white text under black background. The only one that need to have drop up menu is Contacts. The hyperlinks you can use google.com
I need help with adding the changes I have added everything I have so far below you simply need to cut and paste it into an HTML/CSS Compiler <!DOCTYPE html><html lang="en"> <style> /* colors.css */ .sticky-note { /* DON'T EDIT ME */ color: black; background: #D29DE9;}.sticky-note-title { /* DON'T EDIT ME */ color: inherit;}.sticky-note-body { /* DON'T EDIT ME */ color: inherit;} /* formatting.css*/ .sticky-note-title { /* DON'T EDIT ME */ padding: 1rem; font-size: 2rem;}.sticky-note-body { /* DON'T EDIT ME */ transform: rotate(0); padding: 1rem; font-size: 1.5rem;}.sticky-board { /* DON'T EDIT ME */ margin-top: 2em; display: flex; padding: 3em; flex-wrap: wrap; gap: 1em; justify-content: center;}.sticky-note { flex-shrink: 0; width: 20em; height: 20em; /* Add styles here */ }#first { transform: rotate(75deg); transition: transform 500ms; }#second {…
Create an app that provides the day of the week for any date a user enters and make it useable across all browsers. Steps: Download and unzip the Lab 7 file. In the index.html file: Enter your name and today’s date where indicated in the comment section in the document head. Add script tag to access script.js file In the script.js file: Add an onclick event handler for the addButton object. Within the event handler do the following: Use the push() method to add the value of the customerName object to the end of the customers array. Run the generateCustomerList() function to update the contents of the ordered list that appears on the web page. Change the text of the status paragraph to “customer added to the end of the queue” where customer is the value of the customerName object. Add an onclick event handler for the searchButton object. Within the event handler do the following: Use the indexOf() method to locate the index of the array item whose value equals the value of…
When your main page loads, prompt the user for their name and store it in a variable. Then create an alert that welcomes the user to the page using the name they entered. (HINT: the instructions indicate the event handler to use!) On each of your pages, use javascript to display automatically the day/time the page was last updated. (HINT: This is a property of the document!) On at least two of your images on your image page, add a script that displays an alert when the user clicks one of the images. The alert should give a short description or additional information about the image. Add a countdown to something relevant to the company (holiday, event, specials/sales, etc.) and display the output in your HTML. This should update automatically subtracting the date of the event and the current date. The output will look something like "There are ### days until the sale!" where ### is automatically filled in with the number of days calculated using the javascript. This should not be a…
Please help me with this. I am not understanding what to do. Please fix the code to the display all contents of the image below. I DONT NEED IT TO DISPLAY ALL. ALL CONTENTS OF THE IMAGES ARE SHOWING EXECPT FOR WHEN IT GIVES THE RESULTS OF THE GAMES AT THE BOTTOM (e.g. Player 2 wins, etc.) HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> Task 5 </title> <link href="style.css" type="text/css" rel="stylesheet"> <script src="task5.js"></script> </head> <body> <div id="box"> <p style="font-family: monospace;" class="newdata"> Rock, Paper, Scissors </p> <p></p> <button id="button" onclick="playGame();"> Play </button> <p></p> <p style="font-family: monospace;" id="mydata" class="newdata"></p> </div> </body> </html> JAVASCRIPT: // Global variables to…
Flutter: How do I change the Icon image with the other one when I click on it? For instance: I have this code: child: IconButton( icon: Image.asset('assets/images/baguette.png'), iconSize: 150, onPressed: () { openDialog(); }, )) Then the open Dialogue function opens a widget box in a smaller window that has many other icons you can select from? the widget buttons are also implemented IconButton. I want to click on one of the icons in the widget (different dart file) and replace the main Icon that we clicked to open this dialogue to that specific Icon image! I don't know how to go about it. I will appreciate the help.
Please Help! Create an Android Project named StoryProject, that plays a word game with mobile user.Add more widgets to layout resource defining UI activity. Add seven EditText widget, oneTextView, and one Button to allow mobile user to enter the following:name, age, name of the city, name of the college, profession, type of animal, pet’s nameAfter the mobile user has entered these items, the program should display the following storyinto TextView, inserting the user’s input into the appropriate locations upon clicking onButton widget labelled “Display Story” as shown hereafter in Figure: Story: There once was a person named NAME who lived in CITY. At the age ofAGE, NAME went to college at COLLEGE. NAME graduated and went to workas a PROFESSION. Then, NAME adopted a (n) ANIMAL named PETNAME.They both lived happily ever after!Implement the corresponding process in the overriding method onCreate().
Please implement this web browser menu bar. If you already visited the page for example Home is going to be purple. If you have not visited the page for example Producs is going to be blue. If you are going to visited Contact is going to be white text under black background.
How do I connect the below button which located in sidebar to the code. So how I want it to work is that when a user clicks a sidebar button, the sidebar with slide out to reveal 2 button (Dashboard and editor). Once editor is clicked the button automatically takes the user to a document editor that I have created. Code Snippet: <header> <span class="open-btn" onclick="openNav()">☰</span> <div class="sidebar"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">X</a> <button class="dashboard-button" onclick="showDashboard()">Dashboard</button> <button class="editor-button" onclick="showEditor()">Editor</button> <iframe src="text_editor.html" frameborder="0"></iframe> </div> Another question I have is that i I were to sepearate my code in index.html, style.css, script.js. And I have created a quadrant. How do I make the clock (Analog clock at top, digital at the…
DO NOT COPY FROM OTHER SOURCES Correct answer will be Upvoted else downvoted. Thank you! #22. Create a XML layout in Android Studio IDE for the following requirements. Linear layout (background color = #FFEB3B) TextView (text = CalenderView Demo, background color = #4CAF50) CalenderView Button (text = Next) Create in android studio