_{Created On Canva}

Hope everyone is doing well it's our last week of the season and this week we have to finish our javascript work. In which we have learned various things which are mentioned in this lesson and we have been given some tests accordingly. We will answer them properly to know how much our preparation is. Hope you guys like this task of mine.

The first question we have to address is the Fibonacci series in which we discuss the Fibonacci series. This series works in such a way that the previous two digits are added together to form the next digit. Just like if I write 10 here as an example, if I make a Fibonacci series of 10, it will start from zero and one first. If you add zero and one together, the next one will be one. Then we will add one and one, then we will make two, then we will add two and one, then we will make three. Then add three and two to make five and so the series continues till the end.

To make a good practical of it, first I created a structure of it with the help of HTML and then I designed it with the help of CSS and then ran the series through JavaScript.

HTML Code

CSS Code

Script Code

FINAL OUTPUT

In this, we have to show the percentage of students by combining their average grades and how we have calculated their grades. For this first, I created its structure with the help of HTML, designed it with CSS, and then solved it with the help of JavaScript. We have taken the input fields and in these fields when we enter any data at the end we will submit then we will have the final result which is our percentage and which grade is made.

The first image that I have shown in the practical below is the simple output of what our layout looks like. And then the next image is the final result in which we have students' marks. are written and below we have the grade and percentage.

HTML Code

CSS Code

Styling formate same as the Fibonacci series.

Script Code

FINAL OUTPUT

I have made a simple calculator using javascript in this calculator I have tried to solve all the things in one place. When we write three digits in our input field, below it I have placed four buttons, one is for addition, one is for negative, one is for division and one is for multiplication. Through these four buttons, we can solve the data of the same input field. For example, if I write 10 in the first box, 20 in the second, and 30 in the third, then when I click on add, I get the answer below. Similarly, if I click on any button, I get its data resolved.

HTML, CSS, and JavaScript are used to solve this too. JavaScript has a major role in this. And the code I used to run it is all listed below.

HTML Code

CSS Code

Styling formate same as the Fibonacci series.

Script Code

FINAL OUTPUT

Add	Subtract
Multiply	Divide

This is the last part of my layout in which I have to show the data of Stemens, I have to show their username and also their reputation and check their residency, and which country they live in. I have used javascript to display this data here. In JavaScript, I have used the function to show its data in the main section. For this, I first created a structure in which I have called id throw, and resolved it in javascript. That javascript code is also listed below you can easily access it from there.

HTML Code

CSS Code

Styling formate same as the Fibonacci series.

Script Code

FINAL OUTPUT

Final Layout

These were my four functions which I solved according to the question. Now it's time to combine all these functions in one layout. As the question has been asked, we have to add these functions in the same layout that we created the web layout in the previous task. To add these functions to this web layout I have collected them.

The output below is the final output of my web layout. To which I have added these functions in a layout.

Final Video Layout

Here is a video explanation of my final layout with all the functions running. First I have solved the Fibonacci series in which I have written 10 as an example and generated it. And its answer is given below. Similarly after that I run the grade system write down the grade numbers that are given in the question. And then after that I solved all four functions subtraction addition multiply and divide by calculator. And finally I have shown the data of Stemens. Hope you guys have understood from my video explanation how each of my function is working.