Basics

Question 1

declare a variable

Answer 1

let varrr = 123;

Question 2

local scope variable

Answer 2

let tmp = “test”;

Question 3

global scope variable

Answer 3

var tmp = “test”;

Question 4

constant variable

Answer 4

const tmp = “3.1411414”

Question 5

declare a table

Answer 5

let tab = []; or let tab = Array();

Question 6

what is the function that adds a new element to the end of an array

Answer 6

.push(element);

Question 7

what is the function that adds a new element to the start of an array

Answer 7

.unshift(element);

Question 8

what is the function that adds one or multiple elements to some position in the array

Answer 8

.splice(<start>, <delete>, <element1>, <element2>....);</element2></element1></delete></start>

Question 9

what function removes one or multiple elements from some position in an array and return the deleted values in a list

Answer 9

.splice(<start>, <delete>);</delete></start>

Question 10

what function removes the last element from a list

Answer 10

.pop()

Question 11

what function removes the first element in a list

Answer 11

.shift()

Question 12

how to access an element in a list

Answer 12

by it’s index

Question 13

what is the function that gets all element with the same class name

Answer 13

document.getElementById(<”id”>)

Question 14

what is the function that gets all elements with the same tag name

Answer 14

document.getElementsByTagName(<”tag name”>)

Question 15

what is the function that gets an element with a unique id

Answer 15

document.getElementById(<”id”>);

Question 16

what is the function that gets the first child node of an element

Answer 16

<element>.firstChild();
</element>

Question 17

what is the function that gets the first child element of an element

Answer 17

<element>.firstElementChild();
</element>

Question 18

what is the function that gets you the next sibling node of an element

Answer 18

<element>.nextSibling()
</element>

Question 19

what is the function that gets you the previous sibling node of an element

Answer 19

<element>.previousSibling()
</element>

Question 20

what is the function that gets the next element sibling of an element

Answer 20

<element>.nextElementSibling()
</element>

Question 21

what is the function that gets the previous element sibling of an element

Answer 21

<element>.previousElementSibling()
</element>

Question 22

what is XMLHttpRequest

Answer 22

a JavaScript object that allows the developer to retrieve data from an endpoint with out reloading a page

Question 23

how to use $.ajax try to remember the syntax

Answer 23

$.ajax({
url: “target_url”,
type: POST,
data: {username:”test”},
datatype:”json”,
success: (response)=>{
console.log(response);
}
error: (Xhr, status, error)=>{
if (status !== “success”){
console.log(error);
}
}
})

Question 23

what are the function that you can use with ajax to retreive data

Answer 23

$.post(){}
$.get(){}
$.ajax(){}

Question 24

how to get html content of an element

Answer 24

<element>.innerHtml;
</element>

Question 25

how to get the Text inside of an element

Answer 25

<element>.innerText;
</element>

Question 26

how to get the text of an element like <p> or <h></h>

Answer 26

<element>.textContent;
</element>

Question 27

how to get the value of an element in js

Answer 27

<element>.value;
</element>

Question 28

(jquery) how to get an element with an id

Answer 28

$(“#id”);

Question 29

(jquery) how to get elements with a tagname

Answer 29

$(“p”);

Question 30

(jquery) how to get elements with a class name

Answer 30

$(“.class_name”);

Question 31

(jquery) what function does hide an element

Answer 31

$(“#element”).hide();

Question 32

(jquery) what function does remove an element

Answer 32

$(“#element”).remove();

Question 33

(jquery) what is the function that gets the innerHtml of an element

Answer 33

$(“#element”).html();

Question 34

(jquery) what is the function that sets the innerHtml of an element

Answer 34

$(“#element”).html(“<p>sss</p>”);

Question 35

(jquery) what is the function that gets the inner text of an element

Answer 35

$(“#element”).text();

Question 36

(jquery) what is the function that sets the inner text of an element

Answer 36

$(“#element”).text(“OFHFSBF”);

Question 37

(jquery) what is the function that gets the value of an element

Answer 37

$(“#element”).val();

Question 38

(jquery) what is the function that removes a class

Answer 38

$(“#element”).removeClass(“class_name”);

Question 39

(jquery) what is the function that adds a new class

Answer 39

$(“#element”).addClass(“class_name”);

Question 40

(jquery) what is the function that adds a new attribute

Answer 40

$(“#element”).attr(“atrName”, “afaf”);

Question 41

(jquery) what is the function that removes an attribute from an element

Answer 41

$(“#element”).removeAttr(“Attr_name”);

Question 42

(jquery) what is the function that checks if an element has a class

Answer 42

$(“#element”).hasClass(“class_Name”);

Question 43

how to get all the classes in an array from an element

Answer 43

.classList()

Question 44

how to add a class in an element

Answer 44

.classList.add(“class_name”);

Question 45

how to remove a class from an element

Answer 45

.classList.remove(“class_name”);

Question 46

how to add a new attribute

Answer 46

.setAttribute(“attr”, “value”);

Question 47

how to remove an attribute

Answer 47

.removeAttribute(“attr_NAME”)