index.js

console.log("Hello");
window.alert("Success !")

let firstName = "tharindu";
// let age = 22 ;
// let drive = true;
//
// console.log(firstName)
// console.log(age)
// console.log(drive)
//
// document.getElementById("p1").innerHTML = "Hello " + firstName;
// document.getElementById("p2").innerHTML = "Age " + age;
// document.getElementById("p3").innerHTML = "Drive " + drive;

// Arithmatic expression

// let students = 20;
//
// students = students + 1;
// students = students - 1;
// students = students * 1;
// students = students / 1;
// students = students % 1;
//
// students += 1;
// students -= 1;
// students *= 2;
// students /= 2;
// students %= 3;
//
// let result = 5 + 5 * (3+4);
// console.log(result);

//User Input

// let userName = window.prompt("Your Name ?");
// console.log(userName);

// let userName;
//
// document.getElementById("btn").onclick = function (){
//     userName = document.getElementById("my").value;
//     console.log(userName);
//     document.getElementById("myLabel").innerHTML = "Hello "+userName;
// }

//Type Conversion

// let age = window.prompt("How old are u?")
// console.log(typeof age);
// age = Number(age);
// console.log(typeof age);
//
// console.log("Happy " + age + " Birthday !")

// let x = Number("2.55");
// let y = String("2.55");
// let z = Boolean("AAA");
//
// console.log(x, typeof x);
// console.log(y, typeof y);
// console.log(z, typeof z);

//Const

// const height = 50;
// let width;
//
// width = window.prompt("Enter width :");
// let area = height * width;
// console.log("Area : " + area);

//hypotenuse

// document.getElementById("btn").onclick = function (){
//     let a = document.getElementById("sideA").value;
//     a = Number(a);
//     let b = document.getElementById("sideB").value;
//     b = Number(b);
//
//     let c = Math.sqrt(Math.pow(a, 2) + Math.pow(b,2 ));
//
//     document.getElementById("cLable").innerHTML = "C : " + c;
// }

//Countdown
//
// let count = 0;
//
// document.getElementById('decrease').onclick = function () {
//     count-=1;
//     document.getElementById("count").innerHTML = count;
// }
// document.getElementById('reset').onclick = function () {
//     count =0;
//     document.getElementById("count").innerHTML = count;
// }
// document.getElementById('increase').onclick = function () {
//     count+=1;
//     document.getElementById("count").innerHTML = count;
// }

//Raandom

// let x;
// let y;
// let z;
//
// document.getElementById("roll").onclick = function () {
//     x = Math.floor(Math.random()*6)+1;
//     y = Math.floor(Math.random()*6)+1;
//     z = Math.floor(Math.random()*6)+1;
//
//     document.getElementById("xx").innerHTML = x;
//     document.getElementById("yy").innerHTML = y;
//     document.getElementById("zz").innerHTML = z;
// }

// let fullName = "tharindu dasun";
// let firstname ;
// let lastname ;
//
// firstname = fullName.slice(0,fullName.indexOf(""));
// lastname = fullName.slice(0,fullName.indexOf(""));
//
// console.log(firstname);
// console.log(lastname);

// document.getElementById("btn").onclick = function () {
//     if (document.getElementById("checkbox").checked){
//         console.log("Hari");
//     }else {
//         console.log("Hari na");
//     }
// }

// document.getElementById("submit").onclick = function () {
//
//     const visaRadio = document.getElementById("visaRadio");
//     const masterRadio = document.getElementById("masterRadio");
//     const paypalRadio = document.getElementById("paypalRadio");
//
//     if (visaRadio.checked){
//         console.log("Visa pay");
//     }else if (masterRadio.checked){
//         console.log("Master pay");
//     }else if (paypalRadio.checked){
//         console.log("Paypal pay");
//     }else {
//         console.log("Select Payment");
//     }
// }

// Nested loop

// let rows = window.prompt("Rows :");
// let colums = window.prompt("Colums :");
//
// for ( let i = 1 ; i<=rows ; i+=1){
//     for (let j =1; j<=colums ; j+=1){
//         document.getElementById("kotuwa").innerHTML +=j;
//     }
//     document.getElementById("kotuwa").innerHTML += "<br>";
// }


// start();
//
// function start(){
//     let name = "kasun";
//     let age = 22;
//
//     birthday( name , age);
// }
//
// function birthday( name , age ) {
//     console.log("Happy Birthday to you ...!");
//     console.log("Happy Birthday to you ...!");
//     console.log("Happy Birthday dear " , name , "...!");
//     console.log("Happy " , age , " Birthday to you ...!");
// }

// let width = window.prompt("Enter Width :");
// let height = window.prompt(" Enter height :");
// let area;
//
//  area = getArea(width, height);
//
// console.log("Area : " , area);
//
// function getArea( width, height) {
//     return width * height;
// }

// checkWinner(true);
//
// function checkWinner(win){
//     win ? console.log("You Win !") : console.log("You lose !")
// }

// let userName = "Kasun";
// let items = 3;
// let total = 150;
//
// let text = `hello ${userName} , your have ${items} total items , and your total price is $ ${total}`
//
// document.getElementById("total").innerHTML = text;
//
// document.getElementById("submit").onclick = function (){
//     let temp ;
//     if (document.getElementById("cradio").checked){
//
//     }else if (document.getElementById("fradio").checked){
//
//     }
// }

//Arrays

// let fruits = ["apple" , "banana" , "mango"];
//
// fruits.push("lemon");
// console.log(fruits);
// console.log(fruits[0]);
//
// fruits.pop();
// fruits.unshift("bbbb")
// fruits.shift();
//
// let length = fruits.length;
// console.log(length);

// let fruits = ["apple" , "banana" , "mango" , "zer"];
//
// // fruits = fruits.sort();
// fruits = fruits.sort().reverse();
//
// for (let fruit of fruits){
//     console.log(fruit);
// }

//Spread operator

// let class1 = ["A" , "B" , "C"];
// let class2 = ["D" , "E" , "F"];
//
// class1.push(...class2);
// console.log(class1);

//Array.forEach()

// let Students = ["kasun" , "nimal" , "dasun"];
// students.forEach(capitalize());
// students.forEach(print());
//
// function capitalize(element, index, array) {
//     array[index] = element[0].toUpperCase()+element.substring(1);
// }
//
// function print(element){
//     console.log(element)
// }



let e = document.getElementById('btn');

e.addEventListener('click',function (){
    alert('button clicked !')
});