shubh - HTMLify profile
files of /shubh/javascript/
AlertBox.html
/shubh/javascript/AlertBox.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initia
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initia
Array.js
/shubh/javascript/Array.js
// Arrays in JavaScript...
let marks=[23,45,67,43,76];
console.log(marks);
console.log(marks.length);// Arrays length
//Loo
let marks=[23,45,67,43,76];
console.log(marks);
console.log(marks.length);// Arrays length
//Loo
Conditional Statement.js
/shubh/javascript/Conditional Statement.js
// Conditional Statement...
// if statement
let num = prompt("Enter your age:");
if(num >= 18){
console.log("Eligible for v
// if statement
let num = prompt("Enter your age:");
if(num >= 18){
console.log("Eligible for v
DOM Manipulation.js
/shubh/javascript/DOM Manipulation.js
//DOM Manipulation in JS...
// Selecting With id
document.getElementById("myId");
// Selecting With class
document.getElementB
// Selecting With id
document.getElementById("myId");
// Selecting With class
document.getElementB
Events.js
/shubh/javascript/Events.js
//Events in JavaScript...
//Event Handling...
node.event = () =>{
// handle here
};
//Event objects
Node.event = (e) =>{
//Event Handling...
node.event = () =>{
// handle here
};
//Event objects
Node.event = (e) =>{
Functions.js
/shubh/javascript/Functions.js
// Functions in JavaScript...
function myFunction(){
console.log("Hi JavaScript!");
console.log("I'm Shubham");
}
myFunction
function myFunction(){
console.log("Hi JavaScript!");
console.log("I'm Shubham");
}
myFunction
Loops.js
/shubh/javascript/Loops.js
//Loops in Javascript...
//For loop
for (let i = 1; i <= 5; i++){
console.log("Hello JavaScript..");
}
//Calculate sum of n
//For loop
for (let i = 1; i <= 5; i++){
console.log("Hello JavaScript..");
}
//Calculate sum of n
OTP Generator.html
/shubh/javascript/OTP Generator.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initia
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initia
OTP.css
/shubh/javascript/OTP.css
body {
margin: 0;
padding: 0;
background: linear-gradient(120deg, rgb(10, 10, 208), rgb(246, 3, 3));
background-
margin: 0;
padding: 0;
background: linear-gradient(120deg, rgb(10, 10, 208), rgb(246, 3, 3));
background-
OTP.js
/shubh/javascript/OTP.js
function generateOTP(){
let otp = " ";
let digits = "0123456789";
for(i=0;i<4;i++){
otp += digits [Math.floor(
let otp = " ";
let digits = "0123456789";
for(i=0;i<4;i++){
otp += digits [Math.floor(
Object.js
/shubh/javascript/Object.js
//Here the examples of object in JavaScript..
const profile={
username:"Shubh Kulshrestha",
posts:1,
followers:85,
const profile={
username:"Shubh Kulshrestha",
posts:1,
followers:85,
Operators.js
/shubh/javascript/Operators.js
// Operators in JavaScript...
// Arithmetic Operator
let a = 10;
let b = 5;
console.log(a + b); // Addition
console.log(a - b);
// Arithmetic Operator
let a = 10;
let b = 5;
console.log(a + b); // Addition
console.log(a - b);
README.md
/shubh/javascript/README.md
# JavaScript
JavaScript small projects....
JavaScript small projects....
StringMethods.js
/shubh/javascript/StringMethods.js
//String Methods
//str.toUpperCase()
let str="Shubh";
console.log(str.toUpperCase());
//str.toLowerCase()
let str="Shubh";
cons
//str.toUpperCase()
let str="Shubh";
console.log(str.toUpperCase());
//str.toLowerCase()
let str="Shubh";
cons
ToggleButton.html
/shubh/javascript/ToggleButton.html
// Toggle Button to switch light theme to dark..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta na
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta na
addEventListener.html
/shubh/javascript/addEventListener.html
//eventListener
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
deleteElement.html
/shubh/javascript/deleteElement.html
// delete element
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=
eventObject.html
/shubh/javascript/eventObject.html
// Event Object
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
getAttribute.html
/shubh/javascript/getAttribute.html
// getAttribute
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=dev
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=dev
innerHtml.html
/shubh/javascript/innerHtml.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initi
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initi
innerText.html
/shubh/javascript/innerText.html
// DOM Manipulation
// innerText properties
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=
// innerText properties
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=
insertElement.html
/shubh/javascript/insertElement.html
//insert element
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=d
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=d
javas.js
/shubh/javascript/javas.js
let a=10;
console.log(a);
console.log(a);
node.Style.html
/shubh/javascript/node.Style.html
// node.Style
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devic
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devic
onclick.html
/shubh/javascript/onclick.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width
ondblclick.html
/shubh/javascript/ondblclick.html
// ondblclick event using inline event handling
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta na
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta na
removeEventListener.html
/shubh/javascript/removeEventListener.html
// remove eventlistener
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="wi
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="wi
setAttribute.html
/shubh/javascript/setAttribute.html
// setAttribute
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
templateLiterals.js
/shubh/javascript/templateLiterals.js
// Template Literals
let userName=prompt("enter name: ");
let fullName=`@${userName}${userName.length}`;
console.log(fullName);
let userName=prompt("enter name: ");
let fullName=`@${userName}${userName.length}`;
console.log(fullName);
textContent.html
/shubh/javascript/textContent.html
// DOM Manipulation
// textContent properties
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name
// textContent properties
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name