Need in DOM 1 and 2 function dom() CREATE FORM ELEMENT let form document createElement( form ) SET FORM INLINE CSS form setAttribute( style , width 400px background purple color white ) CREATE LABEL FOR TITLE let label document createElement( label ) SET LABEL INLINE CSS label setAttribute( style , display inline block width 100 text align center background black ) CREATE INC PROBLEM TEXT let labeltext document createTextNode( INC PROBLEM ) ADD TEXT TO LABEL label appendChild(labeltext) THEN ADD LABEL TO FORM form appendChild(label) CREATE ENTER VALUE LABEL let label2 document createElement( label ) label2 setAttribute( style , display inline block width 150px ) let label2text document createTextNode( Enter Value ) label2 appendChild(label2text) form appendChild(label2) CREATE INPUT TEXTBOX let textbox1 document createElement( input ) textbox1 setAttribute( type , text ) textbox1 setAttribute( style , border 3px solid black ) form appendChild(textbox1) CREATE ANSWER LABEL let label3 document createElement( label ) label3 setAttribute( style , display inline block width 150px ) let label3text document createTextNode( Answer ) label3 appendChild(label3text) form appendChild(label3) CREATE OUTPUT TEXTBOX let textbox2 document createElement( input ) textbox2 setAttribute( type , text ) textbox2 setAttribute( style , border 3px solid black ) form appendChild(textbox2) CREATE CENTER ELEMENT let center document createElement( center ) CREATE ENTER BUTTON let br document createElement( br ) let b1 document createElement( input ) b1 setAttribute( type , button ) b1 setAttribute( value , ENTER ) b1 setAttribute( style , border solid 3px black background orange ) center appendChild(b1) CREATE CLEAR BUTTON let b2 document createElement( input ) b2 setAttribute( type , button ) b2 setAttribute( value , CLEAR ) b2 setAttribute( style , border solid 3px black background orange ) center appendChild(b2) ADD CENTER ELEMENT TO FORM form appendChild(center) ADD FORM TO BODY ELEMENT document body appendChild(form) 1 Create the circlel html form only using DOM with either inline or embedded CSS as shown in class 2 Add regular Javascript functionality to the circlel html dom form so that it computes the area value when the AREA button is pressed Rename to circle2 html FORMULA 23 14rr

The Answer is in the image, click to view ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 24, 2024

Need in DOM 1 and 2. function dom() { //CREATE FORM ELEMENT let form=document.createElement(form); //SET FORM INLINE CSS form.setAttribute(style,width:400px;background:purple;color:white); // CREATE LABEL FOR TITLE let

Need in DOM 1 and 2.

image text in transcribed

1. Create the circlel.html form only using DOM with either inline or embedded CSS as shown in class: 2. Add regular Javascript functionality to the circlel.html dom form so that it computes the area value when the AREA button is pressed. Rename to circle2.html. FORMULA: 23.14rr