SEC S19W6 || Data type and Conditional statement

---

---

Greetings to All

---

Hy guys, I wish you all the blessings and mercy of Almighty Allah and I hope you enjoy the beautiful days of your lives. Today I am here to participate in the Steemit Engagment Challenge Week 6 in the course of dynamics devs.I was not able to participate due to my exams in the previous three weeks.So lets move towards the way of creation of a dynamic website.

^{Image taken from source}

Practical Questions

Create a Fibonacci series using the JavaScript loop

First task is about to display the Fibonacci series using the javascript loop. As I have not participated in the previous week task so I designed the same page to display my this week work.

Fibonacci Series

Fibonacci series is actually the series of numbers in which each number is the sum of the two preceding ones.it starts with zero and one and then each number is the sum of previous two.

Mathematically...
F(0) = 0
F(1) = 1
For n > 1, F(n) = F(n-1) + F(n-2)
so the series will begin just like in example shown below.
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, ...

Javascript loop

The main function of loop is actually to implement a function repetitively. In this regard there are several types of loop present in the JavaScript such as ** For loop, do ,while loop etc.

JavaScript provides several types of loops to repeat code execution:

for Loop: Ideal for situations where the number of iterations is known beforehand.

• For....

for (initialization; condition; increment) { The functionality to repeat will apear here }

while Loop: Continues execution as long as a specified condition is true.

• While....

while (condition) { // code to execute}

do...while Loop: Similar to while, but guarantees that the loop body is executed at least once.

do { // code to execute} while (condition);

For generating the Fibonacci series for loop is a good option.

javascript:

^{Javascript to create fabonacii series}

Output

So this is the final execution of the code. First of all I have implemented the logic to appear the Fibonacci series. Secondly I have used the for loop of JavaScript to keep the operation running. In the input box we can give any of the number and then click on generate on to see the series.

^Output

Write a JavaScript program that generate the average marks of the following students. Then, this average is used to determine the student grade. based on the criterias listed below

JavaScript

Here is the code to calculate and generate the average marks of the given student list .For now I have just generated the result of the given students marks average and their grade in the final output I have also implemented the function to add any values randomly to generate the average marks and display them. Their are basically two functions here one will calculate and input the marks and then calculate average and other will display the result. Here the final result of the given student average marks is 68.17 and the Grade is C.

Output

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

so Now we will move towards the code of division , multiplication that will use the JavaScript and take three inputs from the user then after calculation display the results. Here in my code I have added a dropdown that will switch the operations between division and multiplication and also added the addition and subtraction as well.

So Here is the code that will take three parameters and then display the result after calculations....

Javascript....

Output....

^Addition

^Subtraction

^{Multiplication}

^Division

So in the output you can see that I have performed different operations of division, addition, multiplication, subtraction using the JavaScript code. The code of html and CSS I will show in the End of the post.

Create object for 5 steemians with username, rep, country, position held on steemit properties.

Object is the data type to store the data and these objects are stored in the arrays. Here is the code in which I have created 5 objects for different steamians and store their data in the array and the use the display function to show the username and country of the steemians...Here you can see the code.

Javascript....

Output....

So here in output you can see the names of the steemians along with their country names. Now lets move to the next question.

Why do we need Conditional statement and how do we use them?

So here we will demonstrate about what are conditional statements and why they are necessary and also implement its example in our page..

What are conditional statments

Conditional statements are the fundamental of programming and they help to make decisions and execute different code paths according to the conditions. Conditional statements are really necessary to create the dynamic and interactive sites.

Why we need Conditional Statment....

• It helps in the decision making based on the inputs or other conditions.

• Allow a program to handle different scenarios based on the input of user ,environment factors or other data such that a weather app might display different messages based on messages or graphic designing whether its sunny ,rainy or cloudy...

• It helps to improve efficiency by implementing the code or logics when necessary.

Use of Conditional Statements

• if Statement:

Used To execute a block of code if a specified condition evaluates to true.
Syntax:
if (condition) {// Code to execute if condition is true}

• Else statement:

To provide an alternative block of code to execute if the if condition evaluates to false.

Example

let number = -5;
if (number > 0) {
console.log("The number is positive.");
} else {
console.log("The number is negative or zero.");
}

• else-if statment

To check multiple conditions if the initial if conditions is false.

Example

let age = 20;
if (age < 13) {
console.log("You are a child.");
} else if (age < 20) {
console.log("You are a teenager.");
} else {
console.log("You are an adult.");
}

• Switch statment

it is executed based on the value and mostly it is used for multiple possible values..

Example

let day = 3;
switch (day) {
case 1:
console.log("Monday");
break;
case 2:
console.log("Tuesday");
break;
case 3:
console.log("Wednesday");
break;
default:
console.log("Weekend");
break;
}

Implementation Example JavaScript code...

• Output

Combining All the Code

Index.html....

Styles.css

Script.js

Output Video