script.js

// console.log("KAIF");
// console.log(10 + 10 + 10);

// let a = +prompt("Enter value 1");
// let b = +prompt("Enter value 2");
// let plus = a + b;
// console.log(plus);

//const location = [];
// console.log(Math.floor(Math.random() * 100));
// let a = "i am a \"web\" develpor"
// console.log(a);
// Data Types
// let str = "Hello"; //string
// let nr = 7; //number
// let bigNr = 12345678901234n; //bigint
// let bool = true; //boolean
// let sym = Symbol("unique"); //symbol
// let undef = undefined; //undefined
// let unknown = null; //null

// let str1 = "Hi";
// let nr3 = 3;
// let result2add = str1 + nr3;
// let result2min = str1 - nr3;
// let result2mul = str1 * nr3;
// let result2div = str1 / nr3;
// console.log(result2add);
// console.log(result2min);
// console.log(result2mul);
// console.log(result2div);

// let myButtonElement = document.querySelector("#myButton");
// let myInput = document.querySelector("#myInput");

// myButtonElement.addEventListener("click", () => {
//   console.log(myInput.value);

//   if (myInput.value > 25) {
//     console.log("garmi");
//   } else {
//     console.log("sardi");
//   }

// });

// let a = prompt("enter your age")
// if(a >=18 && a <=20){
//   console.log("true");
// }

// else{
//   console.log("false");
// }

// index of array
// let a = [10, 20, 56, 45, 45, 234, 76, 45654, 6767];
// console.log(a);
// a.push(586)
// console.log(a);
// a.pop()
// console.log(a);
//for loop
// for (let i = 1; i <= 10; i++) {
//   console.log(i);
// }

// let userInp = +prompt("enter your table");
// let line = prompt("enter table line")
// for (i = 1; i <= line; i++) {
//   console.log(userInp + "x" + line + "=" + userInp*i);
// }

// let sum = 0;
// for (let i = 1; i <= 5; i++) {
//   sum = sum + i
// }
// console.log(sum);

// let inputForm = document.querySelector("#tableForm");
// let input = document.querySelector("#inputID");
// let table = document.querySelector(".time-table");


// inputForm.addEventListener("submit", (event) => {
//   event.preventDefault();

//   let tableOf = input.value;

//   table.innerHTML = "";

//   for (let i = 1; i <= 12; i++) {
//        console.log(tableOf + " x " + i + " =", tableOf * i);
//     const message = `${tableOf} X ${i} = ${tableOf * i}`;

//     table.innerHTML += `${message} <br>`;
//   }
// });

// navigator.clipboard.writeText("Chandio");
// navigator.clipboard
//   .readText()
//   .then(
//     (clipText) => (document.querySelector(".editor").innerText += clipText)
//   );

// practice

// block scope
// {
//   let a = 10;
// }

// {
//   let a = 5;
// }

// let age = +prompt("enter your age")

// if(age >= 18){
//     console.log("you can vote");
// }

// else{
//     console.log("you cannot vote");
// }

//  let Dates = new Date();
// // console.log(Dates.toString());
// // console.log(Dates.toDateString());
// // console.log(Dates.toLocaleDateString());
// // console.log(Dates.toLocaleTimeString());
// console.log(typeof Dates);

// let myDate = new Date(2023, 0, 16);
// console.log(myDate.toDateString());

// let Time = Date.now();
// console.log(Math.floor(Time/1000));

// let newDate = new Date();
// console.log(newDate.getSeconds());

// let myTime1 = dateFns.format(new Date(2024, 3, 20, 13, 45, 30), "MM/dd/yyy HH:mm:ss");

// let myTime2 = dateFns.format(new Date(2024, 3, 20, 13, 45), "E dd/M/yyy HH.mm");

// let myTime3 = dateFns.format(new Date(2024, 3, 20, 3, 45), "yyy-MM-dd H:mm EEEE");

// let myTime4 = dateFns.format(new Date(2024, 3, 20, 13, 45, 30), "MMMM do, yyy hh.mm.ss a");

// let myTime5 = dateFns.format(new Date(2024, 3, 20, 13, 45), "dd MMMM yyy 'at' hh:mm a");

// console.log(myTime1);
// console.log(myTime2);
// console.log(myTime3);
// console.log(myTime4);
// console.log(myTime5);

//functions

// function add(number1, number2) {
//   let result = number1 + number2;
//   return result;
// }

// const result = add(5, 5);

// function login(username) {
//    return `${username} login hai`;
// }

// console.log(login("kaif"));

// function calculatePrize(...num1) {
//   return num1;
// }

// console.log(calculatePrize(567, 56, 343, 23, 534, 234));

// const isAnagram = function (s, t) {
//   if (s.length === t.length) {
//     return false;
//   }

//   const sletters = {};

//   for (let char of s) {
//     if (!sletters[char]) {
//       sletters[char] = 1;
//     } else {
//       sletters[char]++;
//     }
//   }
// };

// const check = (s) => {
//     let l = 0;
//     let r = s.length - 1;
//     while (l <= r){
//         if (s[l] === s[r]) {
//             l++;
//             r--;
//         }

//         else {
//             return false;
//         }

//     }

//     return true
// }

// let isPalindrome = function (s) {
//     const regex = /[^a-zA-Z]/g
//     const clean = s.replace(regex, '').toLowerCase()
//     return check(clean)
// };
// const addDigits = (num) => {
//   let sum = 0;
//   while (num >= 10) {
//     sum += num % 10;
//     num = Math.floor(num / 10);
//     if (num < 10) {
//       num += sum;
//       sum = 0;
//     }
//   }
//   return num;
// };

// let values = "kaif";

// let checkes = values.slice(1,3);

// console.log(checkes);

// let age = 15;

// switch (true) {
//   case age >= 15 && age <= 20:
//     console.log("AP JOB KARNE A SAKTE HO");
//     break;

//   case age > 20 && age <= 30:
//     console.log("AP NHI A SAKTE");
//     break;

//   default:
//     console.log("AP TO BILKUL NHI A SAKTE");
//     break;
// }
//QUIZ 2 PRACTICE

// let now = new Date("2024-5-13");
// let checkdate = now.setDate(19);
// console.log(checkdate);

//CLASS CODE

// // replaceAll with loop
// for (let i = 0; i < myText.length; i++) {
//     if (myText.slice(i, i + 12) === "World War II") {
//       myText = myText.slice(0, i) + "the Second World War" + myText.slice(i + 12);
//     }
//   }

//   // easy method
//   myText = myText.replaceAll("shehzad", "testing");

//   let myName = "shehzad";
//   console.log("myText: ", myText);
//   console.log("shehzad".charAt(0));
//   // charAt is same as => "shehzad"[2]

//   console.log(myName[myName.length - 1]);

//   let dayOfWk = "Sun";

//   switch (dayOfWk) {
//     case "sat":
//       console.log("kAM KARO");
//       break;

//     case "sun":
//       console.log("Coding KARO");
//       break;

//     case "fri":
//       console.log("Jummah pharo!");
//       break;

//     default:
//       console.log("Error aagya hy!");
//   }

//   {
//     const myFunction = () => {
//       console.log("chala function", window.location.href);
//     };
//   }

//   myFunction();

//JS OBJECTS 
// let myName  = "kaif"

// let smitStudent = {
//     name: "kaif",
//     age: "15",
//     passion : ["cricket" , "web devepment"],
//     class : "9th",
//     text:{}
// }

// console.log(undefined.text);

//CLASS CODE

// let myName = "abrar";

// let student = {
//   key: "value",
//   name: myName, // ye myName var ki value ko idher la kr save kare ga
//   age: 25,
//   roll: "WMA-29020",
//   isAbsent: false,
//   hobbies: ["cricket", "football", "web dev"], // array in object
//   teacher: { name: "shehzad", age: 25 }, // object in object
//   test: {}, // this is empty obj
// };

// console.log(undefined.age);

// let count = 0

// for(i=0; i<=10; i++){
//   let count  = 0
//   count += i
// }

// console.log(i);

// function calculatePriceTag(...num1) {
//     return num1
// }

// console.log(calculatePriceTag(200));

// const user = {
//     userName: "kaif",
//     prices: 399,
// }

// function handleObject(anyObject){
//     console.log(`username is ${anyObject.userName} price is ${anyObject.price}`);
// }

// handleObject({
//     userName: "sam",
//     price: "1000"
// })

// const myArray = [100 ,200 ,300 ,500 ,900]

// function mySecondValue(getArray){
//     return getArray[3]
// }

// console.log(mySecondValue(myArray));

// Control Flow

// let month = +prompt("enter your month")

// switch (month) {
//     case 1:
//         console.log("jan");
//         break;
//     case 2:
//         console.log("feb");
//         break;
//     case 3:
//         console.log("mar");
//         break;
//     case 4:
//         console.log("apr");
//         break;
//     case 5:
//         console.log("may");
//         break;
//     case 6:
//         console.log("jun");
//         break;
//     case 7:
//         console.log("jul");
//         break;
//     default:
//         console.log('beta month dalo');
// }

// Falsy Values
// 0 , -0 , "" , BigInt 0n , null , undefined , NaN;

// Truthy Values
// "0" , 'false' , " " , [] , {} , function(){};

// empty array check
// const emptyArray = [];

// if(emptyArray.length === 0){
//     console.log("empty array");
// }

// empty object check
// const emptyObject = {};

// if(Object.keys(emptyObject).length === 0){
//     console.log("empty object");
// }

//Nullishing Colasing Operator
// let value1;
// value1 = null ?? 30 ?? undefined ?? 10 ?? 20 
// console.log(value1);

//Ternary Operator

// let TeaPrice = 100;
// TeaPrice >=80 ? console.log("more than 80") : console.log("less than 80");

//for loop

// for (i = 1; i <= 10; i++) {
//     const element = i;
//     if (element == 5) {
//         console.log("5 number is best");
//     }
//     console.log(element);
// }

// for (let i = 2; i <= 10; i++) {
//     // console.log(`outer loop ${i}`);
//     for (let j = 1; j <= 10; j++) {
//         // console.log(`inner loop ${j} and outer loop ${i}`);
//         console.log(i + "*" + j + "=" + i*j);
//     }
// }

// const myArray = ["babar", "rizwan", "shadab", "shaheen", "amir"];
// console.log(`length is ${myArray.length}`);
// for (let i = 0; i < myArray.length; i++){
//     const element  = myArray[i]
//     console.log(element);
// }

// for(let i=1; i<= 20; i++){
//     if(i == 5){
//         console.log("5 is number best");
//         continue;
//     }
//     console.log(i);
// }
// while loop practice 
// let i = 2;
// while(i <= 20){
//     console.log(i);
//     i = i + 2; 
// }

let myArr = ["babar" , "rizwan" , "shaheen"];
let i = 0;
while (i < myArr.length) {
    console.log(myArr[i]);
    i++
}