DEV Community: Siddharth Kanojiya

innerHTML, outerHTML and other properties #20

Siddharth Kanojiya — Sun, 16 Jul 2023 19:32:15 +0000

// Chapter 8 Event & Other DOM Proterties
// console.dir founction
// console.log show the element as an element iwth its properties

// tag name / node Name
// Used to read the tag of an element
// tagname --> only inisist for element node
// nodename --> defined for any node (text , comment ,etc)

// Innter HTML and Outer HTML
// The inner HTML property allow to get the HTML inside the element as a string void for the element node only ***

// The outer HTML property contains the full HTML inner HTML + the element itselft

// inner HTML is valid only for elements nodes . For other node type we can use nodevalue or data

// text content
// provide acces to the text inside the element , only txt ,minus all tags

// The Hidden Property
// The hidden attribute and the DOM property specfies wheather the element is visible or not

let x = document.getElementsByTagName('span')[0]
console.log(x)
let y = document.getElementsByTagName('span')[0]
console.dir(y)
console.log(document.body.firstChild.nodeName)
console.log(document.body.firstElementChild.nodeName)

// first.innerHTML

// first.innerHTML = "hey I am italic"

// first.outerHTML

// first.outerHTML = "

hey"

// document.body.firstChild.data

// console.log(document.body.textContent)

// first.hidden = false

JavaScript Variables: Understanding the Basics 01

Siddharth Kanojiya — Fri, 07 Jul 2023 06:23:13 +0000

JavaScript alert, prompt & confirm # 19

Siddharth Kanojiya — Fri, 07 Jul 2023 03:58:20 +0000

alert("Har Har Mahadev!")
let a = prompt("Enter a here", "992")
a = Number.parseInt(a)
alert("You entered a of type " + (typeof a))
let write = confirm("do you want to write it on this page")
if (write) {
document.write(a)
}
else {
document.write("Please allow me to write")
}

JavaScript Console Object #18

Siddharth Kanojiya — Sun, 02 Jul 2023 06:50:54 +0000

// console object method
// the console.log has servel method log being are as follow :
asserts() --> // used to asserts
clear() --> // clear the console
log() ----> // output the message to the console
table()---> // display the tabular data
obj = {a:1, b:2, c:3, d:4}
console.table(obj)
warn()---> // used for warning
error()---> // used for error
info()----> // used for special information

Map, Filter & Reduce in JavaScript # 17

Siddharth Kanojiya — Mon, 26 Jun 2023 15:14:05 +0000

// map() => Create new array by progamining some operation on each array element .

// let arr = [42, 23, 21]
// let a = arr.map((value, index, array )=>{
// console.log(value, index, array)
// return value + 1
// })
// console.log(a)
// // console.log(arr)

// // filter() => filter an array with value that passes a test create a new array

// let arr2 = [42, 23, 21, 0, 3, 5]
// let a2 = arr2.filter((a)=>{
// return a<10
// })
// console.log(a2)

// reduce method --> reduce an array to a single value

let arr3 = [42, 23, 21, 0, 3, 5]
const reduce_func = ((h1, h2)=>{
return h1 + h2
})
let newarr3 = arr3.reduce(reduce_func)
console.log(newarr3)

Using Loops With Arrays in JavaScript # 16

Siddharth Kanojiya — Mon, 19 Jun 2023 21:41:09 +0000

let num = [3, 54, 1, 2, 4]

// for(let i=0; i<num.length;i++){
// console.log(num[i])
// }

// For each loop
num.forEach((element)=>{
console.log(element*element)
})

// Array.from => Use to create an array from any other object
// Array.from ("Sage")
let name = "Siddharth Kanojiya"
let arr = Array.from(name)
console.log(arr)

// Array...for => For of loop can be used to get the value from an array
for (let i of num){
console.log(i)
}

// Array...in for in loop can be used to get the key from an array

for(let i in num){
console.log(num[i])
}

Some More JavaScript Array Methods #15

Siddharth Kanojiya — Wed, 14 Jun 2023 19:39:04 +0000

// delete Object
// let num = [1, 2, 3, 4, 5, 6, 7, 8]
// console.log(num.length)
// delete num[0]
// console.log(num)

// concat
// let num_more = [11, 21, 31, 41, 51, 61, 71, 81]
// let newArray = num.concat(num_more)
// console.log(newArray)
// console.log(num,num_more)

// sort method
// let num = [169, 2, 35, 4, 65, 61, 70, 298]
// num.sort()
// console.log(num)

/*sort() take an optional compare function .if this function is provided as the first argument the sort() function will consider these value (the value returned from the compare function) as the basis of sorting */

// for Example

// let compare = (a, b)=>{
// return a - b
// }
// let num = [169, 2, 35, 4, 65, 61, 70, 298]
// num.sort(compare)
// console.log(num)

// // reverse() it will reverse the array

// splice (splice can be used to add new item to an array )
//slice (slice out a piece from an array ,it create a new array )

let num = [169, 2, 35, 4, 65, 61, 70, 298]
// num.splice(2, 4, 787, 998, 945, 66,)
// let deletedValue = num.splice(2, 4, 787, 998, 945, 66,)
// console.log(num)
// console.log(deletedValue)

// let numNew = num.slice(3)
let numNew = num.slice(3, 5)
console.log(numNew)

JavaScript Array Methods # 14

Siddharth Kanojiya — Sun, 11 Jun 2023 21:56:23 +0000

// Array Methods
let num = [1, 2, 3, 34, 4]
let b = num.toString() // b is string now
console.log(b,typeof b)
let c = num.join("_")
console.log(c,typeof c)
num.pop()
console.log(num)
// let r = num.pop()// pop return the poped element
// console.log(num, r)
// let r = num.push(69)// push return the new array length
// console.log(num, r)
// let r = num.shift()// Remove an element from the start arry
// console.log(r, num)
let r = num.unshift(69)// Remove an element from the start arry
console.log(r, num)

Introduction to Arrays | JavaScript #13

Siddharth Kanojiya — Thu, 08 Jun 2023 06:48:26 +0000

// Chapter 5 { Arrays }
// Arrays are the variables which can hold more than one value

// let marks_class_12 = [ 91, 82, 73, 64 ]
// console.log(marks_class_12)

let marks_class_12 = [ 91, 82, 73, 64, false, "Not Present" ]
console.log(marks_class_12)
marks_class_12[6] = 69 // Adding new value to the Array
marks_class_12[0] = 97 // Change the value to the Array
console.log(marks_class_12[0])
console.log(marks_class_12[1])
console.log(marks_class_12[2])
console.log(marks_class_12[3])
console.log(marks_class_12[4])
console.log(marks_class_12[5])
console.log(marks_class_12[6]) // This is undefined Index 6 does not exist
console.log("The length of marks_class_12 is ",marks_class_12.length)
console.log(marks_class_12)

// In JavaScript , array are object the Typeof Operater on arrays return Object

*PLEASE NOTE I HAD USED REPLIT NODEJS TO WRITE THIS CODE ,YOU CAN CHOOSE WITHEVER IDE YOU COMFORTABLE WITH**

JavaScript String Methods | JavaScript #12

Siddharth Kanojiya — Sun, 04 Jun 2023 01:07:22 +0000

// let name = "Sage"
// console.log(name.length)

// escape sequence Character will be counted as per alphabat
// other escape sequence Character are as follow
// \n --> Newline
// \t --> Tab
// \r --> Carring Return

// console.log(name.toUpperCase())
// console.log(name.toLowerCase())

// Index (Rember Index counting will start from 0)

// console.log(name.slice(2, 4))
// console.log(name.slice(2,))

// if you give only 1 argument in slice method than from 1st argument it will go till the end

// Replace Method will replace the alphabat or paticular word from it place and put another one

// console.log(name.replace("age","vsk"))
// let friend = "Shiv"
// console.log(name.concat(" is a friend of ",friend, " ok"))

// let friend2 = " Hanuman "
// console.log(friend2.trim())

let name = "John"
for(let i=0; i<(name.length); i++) {
console.log(name[i]
}

Introduction to Strings | JavaScript #11

Siddharth Kanojiya — Wed, 31 May 2023 09:18:35 +0000

// String are used to store and manipulate text
// String can be used created using the following syntax
// let the name "Sage"

let name = "Sage"
// console.log(name.length)

// Templete literals
let boy1 = "Adarsh"
let boy2 = "Avinash"
// Adarsh is a brother of Avinash
let sentence = ${boy1} is a brother of ${boy2}
console.log(sentence)
// Templete literals use backtics instead of quotes to define a string

// we can inserst varible in Templete literals .This is called a string interpolation

// Escape Sequence Character
let fruit = 'Bana\'na'
console.log(fruit)

JavaScript Loops and Functions #10

Siddharth Kanojiya — Sun, 28 May 2023 14:01:02 +0000

// chapter 3 pratice set
// Q1: Write a program to print the mark of a student in an object using for loop Obj {sage 68, rohan 72,sunny 8}

let marks = {
sage: 68,
rohan: 72,
sunny: 8,
adarsh: 44,
}
for(let i=0;i<Object.keys(marks).length;i++){
// console.log("The marks of " + Object.keys(marks)[i] + "are" + marks[Object.keys(marks)[i]])
}
// Q2 write a program in Q1 using in loop .?

for (let key in marks) {
// console.log("The marks of " + key + " are " + marks[key])
}

// Q3 write a program to print "try again" until the user enter the correct number .

// let cn = 9
// let i
// while (i != cn){
// console.log("Try again")
// i = prompt("Enter a number")
// }
// console.log("You have enterned a correct number")

// write a function to find mean of 5 number

const mean = (a, b, c, d) => {
return (a + b + c + d)/4
}

console.log(mean(4, 5, 6, 7))