https://github.com/kernel-loophole/javascript-programming
DOM API use in javascript
https://github.com/kernel-loophole/javascript-programming
javascript-library jquery-plugin jqueyr json
Last synced: 26 days ago
JSON representation
DOM API use in javascript
- Host: GitHub
- URL: https://github.com/kernel-loophole/javascript-programming
- Owner: kernel-loophole
- Created: 2021-10-01T15:28:28.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-09T10:44:31.000Z (over 3 years ago)
- Last Synced: 2025-01-24T10:46:50.703Z (over 1 year ago)
- Topics: javascript-library, jquery-plugin, jqueyr, json
- Language: JavaScript
- Homepage:
- Size: 1.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DOM API use in javascript.
# Jquery.
```javascript
$(document).ready(function(){
$('link ').insertAfter('div');
});
$("#makered").click(function(){$("#makeitsimple").addClass("makeit"); });
//
//
//#change the content of first and second ID
$(document).ready(function(){
$("#after").insertBefore('#before').wrap('
{
let number1 = document.getElementById("num1").value;
let number2 = document.getElementById("num2").value;
document.getElementById("te").innerHTML = number1 * number2;
})
```
# Maps and Objects
```Ruby
let adder = new Map();
adder.set("abc", 124);
var obj = {
name: "abc",
age: 12,
address: "abcc,pakistan"
};
for (const i in obj) {
t.innerHTML += i;
}
//loop through maps
for (const [key, value] of adder) {
t.innerHTML += key + value;
}
```
# Scroll Events
```javascript
window.addEventListener("scroll", () => {
var ch = document.querySelector("h2");
ch.body.style.background = "yellow";
})
```
# classes
```javascript
class animal {
constructor(type) {
this.type = type
}
walk(line) {
console.log(`print'${line}'`);
}
}
let new_obj = new animal("dog");
```
# Maps
```javascript
let ages = new Map();
ages.set("ali", 22);
ages.set("zain", 22);
ages.set("hiader", 22);
let check_the_age = ages.get("abc");
if (check_the_age) {
console.log("yes");
} else {
console.log("NO");
}
console.log(ages.get("ali"));
```
# Functions
```javascript
function minus(a, b) {
//if the value of b is not given to the function it will return the -a vlaue
//else return value of a-b
if (b == undefined) {
return -a;
} else {
return a - b;
}
}
```
# JSON
```javascript
// simple json json format
let json_format = JSON.stringify({
name: "hiader",
phone: no
});
let test_json = JSON.stringify({
name: false,
evnts: ["events", "evnts"]
});
```
# Regular Expression
```javascript
let re1 = new RegExp("[0-9][a-z][A-Z]");
console.log(/ 🍎 {3}/.test(" 🍎🍎🍎 "));
console.log(/\p{Script=Greek}/u.test("α"));
console.log(/\p{Alphabetic}/u.test("!"));
if (re1.test(input2)) {
t.innerHTML = "the pattern match " + date;
return;
} else {
t.innerHTML = "the pattern not match" + date;
return;
}
```
# promise
```javascript
function check_grade_succes(result)
{
console.log("create function ",result);
}
function check_grade_fail(result)
{
console.log("fail to create ");
}
//simple way
function check_result()
{
console.log("print");
}
check_result(setting,check_grade_fail,check_grade_succes);
//using promise
check_result(setting).then(check_grade_fail,check_grade_succes);
function doSomething()
{
console.log("current");
}
doSomething().then(function (result) {
return doSomethingElse(result);
})
.then(function (newResult) {
return doThirdThing(newResult);
})
.then(function (finalResult) {
console.log(`Got the final result: ${finalResult}`);
})
.catch(failureCallback);
// var json_data=$.getJSON('data.json');
// console.log(json_data)
var data=fetch("data.json")
.then(response => response.json())
.then(json => console.log(json));
console.log(json_data)
```