Sunday, 23 October 2022
Friday, 6 August 2021
jQuery Syntax and Selectors in Hindi (Step by Step) | jQuery Video Tutorials Hindi @echocodin
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// $("button").click(function(){
// $("h1").hide();
// });
$("button").click(function(){
$("#head").hide();
});
$("button").click(function(){
// $(".para").hide();
$("p.para").hide();
});
$("*").css("color","red");
});
</script>
</head>
<body>
<h1 id="head" class="para">heading</h1>
<p class="para">abcd</p>
<button>click me</button>
<button>click me</button>
<button>click me</button>
<button>click me</button>
<button>click me</button>
<button>click me</button>
</body>
</html>
Saturday, 31 July 2021
JavaScript Playlist tutorial #14 | Full information on Arrow function and class @echocoding | soham
Arrow function and class
Introduction of arrow function 00:20
class in JavaScript 5:45
------------Subscribe channel please -----------
Arrow function is like a normal function but difference is we use here () in place of function .
It is introduce in ES6.
Arrow function is very easy to code and make our code reusable and clean
We can also pass variable in arrow function
Class is used in oops concept here I am going to give short introduction of class .
source code :-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arrow function</title>
</head>
<body>
<script>
// function hello(){
// return document.write("this is coding");
// }
hello = function(){
return document.write("this is coding");
}
hello();
// hi = () =>{
// document.write("<br>this is coding throw arrow function");
// }
// hi();
hi = (x) => document.write("<br>this is coding throw arrow function"+x);
hi(3333);
class Car {
constructor(name,year){
this.name = name;
this.year = year;
}
}
var car1 = new Car("Ford",2000);
document.write(car1['name']);
document.write(car1['year']);
var car2 = new Car("Rrrr",1200);
document.write(car2['name']);
document.write(car2['year']);
</script>
</body>
</html>
JavaScript tutorial #13 | loops in javascript @echocodin | soham kavde
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
for(let i =1; i<=10; i++){
document.write(i+'<br>');
}
document.write("arrays")
var number = [1,2,3,4,5];
for(var u = 0; u<=number.length-1; u++){
document.write(number[u]+'<br>');
}
console.log("while")
var w = 0;
while(w<=5){
console.log(w);
w++;
}
console.log("do while")
var e = 0;
do {
console.log(e);
e++;
} while (e<=5);
</script>
</body>
</html>
JavaScript tutorial #12 | Conditional statements (if , else else if , switch ) @echocoding | soham
source code
var x = 1;
var y = 1;
if(x==y){
//code
document.write("X is equal to Y");
}
var x1 = 11;
var y2 = 12;
if(x1==y2){
//code
document.write("X1 is equal to Y2");
}else{
document.write("<br>X1 is not equal to Y2");
}
var x11 = 11;
var y22 = 12;
var z33 = 11;
var r33 = 12;
if(x11==y22){
//code
document.write("X11 is equal to Y22");
}else if(x11 == r33){
document.write("X11 is equal to R33");
}else if(x11 == z33){
document.write("<br>X11 is equal to Z33");
}else{
document.write("No match found");
}
var x11 = 11;
var y22 = 12;
var z33 = 111;
var r33 = 12;
if(x11==y22){
//code
document.write("X11 is equal to Y22");
}else if(x11 == r33){
document.write("X11 is equal to R33");
}else if(x11 == z33){
document.write("<br>X11 is equal to Z33");
}else{
document.write("<br>No match found");
}
var x121 = 11;
var y222 = 12;
var z323 = 11;
var r323 = 12;
switch (x121){
case y222:
document.write("X11 is equal to Y22");
break;
default:
document.write("<br>default No match found");
break;
case z323 : document.write("<br>X11 is equal to Z33");
break;
case r323:
document.write("X11 is equal to R33");
break;
}
Monday, 26 July 2021
JavaScript tutorial #11 | Array in one video @echocoding | soham kavde
JavaScript tutorial #11 | Array in one video @echocoding | soham kavde
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Array</title>
</head>
<body>
<script>
// var car = [1111,true,"3333","4444"]; //first way to create array
var car = new Array(1111,true,"3333","4444","5555"); //second way to create array
car[0] = 'one_one';
var x = car[0];
console.log(car);//accessing complete array
console.log( x );
console.log(car[1]);
console.log(car[2]);
console.log(car[3]);
console.log(car[4]);
console.log(car.length);
console.log(car.toString());
console.log(car.join(" | "));
console.log(car.pop());
console.log(car); //(4) ["one_one", true, "3333", "4444"]
console.log(car.push("5555"));
console.log(car); // (5) ["one_one", true, "3333", "4444", "5555"]
var number = [8,1,2,3,4];
console.log(number.sort());
console.log(number.reverse());
var number = ["cat","dog","apple","ball"];
console.log(number.sort());
console.log(number.reverse());
console.log(typeof(number)); // typeof object
console.log(Array.isArray(number)); //return true
console.log(number instanceof Array); //return true
</script>
</body>
</html>
Saturday, 24 July 2021
JavaScript tutorial #10 | numbers and number method detailed video @echocoding | soham kavde
timestamps: number with or without decimal value 1:16 scientific notation in JavaScript 3:12 limitation of number 4:50 add number and string 6:00 number methods 13:40
number.js
var x = 5;
var y = 5.5;
var z = 43e1;
// console.log(z);
var r = 43e-3;
// console.log(r);
var ff = 999999999999999;
// console.log(ff);
var f_f = 9999999999999999;
// console.log(f_f);
// adding number and strings
var num = 1;
var str = '2';
// console.log(num+str);
var one = 1;
var two = 2;
var ss = one+two;
// console.log(ss);
let onre = "1";
let twor = "2";
let sss = onre + twor;
console.log(sss);
let yy = "10";
let uu = "8";
let tt = yy-uu;
console.log(tt);
let y_y = "10";
let u_u = "8";
let t_t = y_y*u_u;
console.log(t_t);
var hello = 10;
var strin = "Hello";
console.log(hello*strin);// Not a number
// Number methods
var ffff = hello.toString();
// console.log(typeof(ffff));
var ffff = strin.toString();
console.log(ffff);
// toFixed()
var numbers= 9.653;
console.log(numbers.toFixed(1));
Subscribe to:
Posts (Atom)
-
code of the website video link https://www.youtube.com/watch?v=h7UoV1ACQ28&t=103s <! DOCTYPE html > < html lang = "e...
-
code source JavaScript Operators <! DOCTYPE html > < html lang = "en" > < head > < meta charset...
