Answered step by step
Verified Expert Solution
Question
1 Approved Answer
I need help using JavaScript to complete the project. CMPS 1 6 2 : Module 6 Programming Project * { font - family: monospace; }
I need help using JavaScript to complete the project.
CMPS : Module Programming Project
fontfamily: monospace;
degreeBox display: inlineblock;
#fahrenheit,#celsius,#boomText lineheight: em;fontsize: em;padding: em;
sectionwidth:;margin: em auto;padding:em;textalign: center;borderbottom: px dotted green;
#boomTextwidth:px;
Complete the Fahrenheit to Celsius converter below. The following tasks
remain: on the blur event in the Fahrenheit input field call the
fahrenheitToCelsius function, on the blur event in the Celsius input
field call the celsiusToFahrenheit function, implement the
fahrenheitToCelsius function that reads from the Fahrenheit input field,
performs the conversion, and writes to the Celsius field, and
implement the celsiusToFahrenheit function that reads from the Celsius
input field, performs the conversion, and writes to the Fahrenheit field.
The conversion formulas can be found on the web
The results should rounded to the nearest degree.
An example is that degrees Fahrenheit should be degrees Celsius
and vice versa
function fahrenheitToCelsius
implement your program here
function celsiusToFahrenheit
implement your program here
Write a function that replaces the button with the id "boomText" in the DOM with an image. The
function should:
a Remove the boomText button node from the DOM.
b Create a new image img node in the same place in the DOM where the button once was. The
attributes are:
src
height
alt "This is an image that says boom!"
id"boom"
c Call the function when the "boomText" button is clicked.
Write a function that appends a new paragraph p node with the id "childNode" inside the div tag
that is inside the section with the "section id NOTE: Do not change the existing HTML The
function should:
a put your name in the innerText or innerHTML property,
b change the style of the new node in at least three ways... font size, text position, colors, for
example. Be creative. But, I need to be able to read your name and your code should not interfer
with the rest of the page.
c call the function when the page loads.
HINT: use the firstChild or childNodes properties described on page of the book.
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