HTML, CSS, JacaCsript
Web document interactivity development 6 variant Goal of the work: Use basic JavaScript (JS) functions. Insert JS into your HTML document, enabling your document to be more functional and interactive. Learm to use JS forms, objects and functions. Evaluation rules 1. Laboratory works (LD) man be conpleted in given order, from 1 wo 12 . 2. Tasks must be completed al given order. Only completed tasks are sbown to the teacher 3. Laboratory work will be evaluated up to 10 points. For the mandowry port of LD that is fininhed in time 6 points can be grven (according to schedule), while of the tuck is done toe late, only 5 points can be given for the complementary parts of LD that are finushed in time ap to 4 points can be given, while of thene tadis are done too lase, coly ap to 2 points can be gren Laboratory work tasks Obligatory task ( 6 points): 1. Create a form, which would collect information about the circle. In the form, user should insert a smallest diameter. largest diameter and a number of circles. Inserted information should be collected in a variable. Inserted information should be displayed when a button is pressed. Additionally, output data using console. 2. Calculate a step value in which diameter will be increasing (in the example diameter would be increased in steps: 2:2.25;2.5:2.75;3 ). Based on the steps calculate the area of circles, save this result in an array. Round the result to nearest ones. 3. Display the input information in separate rows. Before displayed information, a label should be displayed, e.g. "Min: *+2", Calculated area of circles can be displayed in a single row. Complementary task (4 points): Using JavaScript attributes limit user to insert only positive integers from I (cannot insert letters, other symbols). Additionally, a smallest dianeter value should be smaller than value inserted in laryest diameter. If there is an error an alert message should be displayed. When everything is inserted without mistakes change button color to green. Example of not finished solution: Insert data: Smallest diameter Largest diameter' Number: Min: 2 Max: 3 Number: 5 From 2 to 3 diameter, with 5 circles area: 3,4,5,6,7