Hello Everyone !

I am @hudamalik20 from Pakistan. How are you all? I hope you are well and doing great in your life. Today, I am participating in the SEC S19W6 || Data type and Conditional statement challenge. In this post, I’ll be sharing how I completed the tasks for this week's assignment using JavaScript, including both the code I wrote and the results I got after running it.

^{Designed by me , edited on Canva}

Assignment

---

I. Create a Fibonacci series using the JavaScript loop.

To start, I was asked to create a Fibonacci series using a loop in JavaScript. The Fibonacci series is a sequence where each number is the sum of the two preceding ones. Here's how I approached this task.

I wrote a JavaScript function that uses a loop to generate the Fibonacci series. The loop starts from the first two numbers (0 and 1), and then it keeps adding the last two numbers to generate the next one in the series.

After writing the function, I tested it to make sure it was working correctly. The output was a series of numbers that correctly followed the Fibonacci sequence.

---

Ii. Write a JavaScript program that generate the average marks of the following students.

Next, I was tasked with writing a JavaScript program to calculate the average marks of a group of students. Here’s what I did:

I created a function that takes the marks of several students as input. The function adds up all the marks and then divides the total by the number of students to find the average and grade.

Once the code was written, I ran it and got the average marks and grade as output. The results were accurate, and I was satisfied with how the function worked.

---

*Iii. Create 2 functions that would solve division in one and multiplication in the other. It must have 3 parameters.

I started by adding four radio buttons to the form in my arithmetic-operations.html file. Each radio button corresponds to a different operation:
• Addition
• Subtraction
• Multiplication
•Division

Once the radio buttons were added, I ensured that when a user selects one of these options, the appropriate operation would be performed. To achieve this, I linked the radio buttons to a function that reads the user’s choice.

I also included two input fields where the user can enter the numbers they want to calculate. These fields are crucial for the user to provide the necessary data for the operation.

After the user selects the operation and enters the two numbers, they can click a button to perform the calculation. I added a button that triggers the function to calculate the result based on the selected operation.

Finally, I ensured that the result of the calculation is displayed below the input fields and radio buttons. This way, the user can immediately see the output after clicking the button.

---

---

Iv.Create object for 5 steemians.

In this task, I needed to create JavaScript objects for five different Steemians (users). Here’s how I did it:

I defined objects for each Steemian. Each object had properties like their name, country and reputation. I carefully chose these details to make sure each object represented the user well.

After defining the objects, I printed them out to check if everything was correct. The output showed the details of each Steemian as expected.

---

Integrating all the pages in index.html

For this week's assignment, I integrated all the pages I created into a single index.html file. The structure of the index.html page was largely similar to the one I used last week. However, I made a significant update in zone 2 of the page to accommodate the new content for this week's tasks.

The basic layout of my index.html remained unchanged. I continued using the grid layout that was already established, which divides the page into different zones, each representing a section of content.

The primary change I made was in zone 2, where I updated the content to reflect the new links and information related to this week's assignment. This involved adjusting the anchor tags within zone 2.

I added new links corresponding to the JavaScript exercises and object creations I completed this week. Each link was carefully positioned within the existing grid to maintain the overall page aesthetics.

After modifying zone 2, I thoroughly tested all the new links to ensure they correctly directed to the appropriate sections of the page. This step was crucial to avoid any broken links or navigation issues within the integrated page.

^{main page}