Exam Study

Question 1

How do you select an element
How do you choose a class
How do you choose an Id
How do you choose a class inside a certain element
All with a selector in jQuery?

Answer 1

$(“div”);
$(“.ghost”);
$(“#boats”);
$(“TD .tk”);

Question 2

How do you create a function in JavaScript?

Answer 2

10.	function func(a, b){
if (a > b)
	return true;
else
	return false;
}

Question 3

How do you use a script tag to open and run a JavaScript file ?

Answer 3

“”

Question 4

How do you setup a mouse over event inside an HTML element?

Answer 4

“<p></p>”

Question 5

How do you setup a mouse hover using raw js?

Answer 5

document.getElementById(“para”).mouseover = function() { console.log(‘moo’) };

Question 6

How do you setup a mouse over event in jQuery?

Answer 6

$(“#para”).mouseEnter(function() { console.log(‘moo’) });

Question 7

How do you change the value of an input element in raw js?

Answer 7

document.getElementById(“mytext”).value = “JS is Cool”;

Question 8

How do you change the value of an input element using jQuery

Answer 8

$(“#mytext”).val(“JS is Cool”);

Question 9

How do you make an element disapear after 5 seconds without using fade out in jQuery?

Answer 9

$(“#bigmenu”).delay(5000).hide();

Question 10

How do you remove the last item in the header section using jQuery?

Answer 10

$(“head”).last().remove();

Question 11

How do you add an empty div container to the end of the body in jquery?

Answer 11

$(“body”).prepend().html(“<div></div>”);

Question 12

How do you change the colour of an element by Id in raw js?

Answer 12

document.getElementById(“bean”).style.color = “orange”;

Question 13

How do you change the colour of an element by I’d in jQuery

Answer 13

$(“#bean”).css(“color”, “orange”);

Question 14

What is the difference between the code of raw js and jQuery when trying to change all the elements inner HTML of a div container to “taken”?

Answer 14

var results = document.querySelectorAll(“td .tk”);
for (i = 0; i < results.length; i++) { results[i].innerHTML = “taken”}

Vs

$(“TD .tk”).html(“taken”);

Question 15

How do you use the windows load event listener?

Answer 15

Window.addEventListener(‘load’, function() {
Document.getElementById(“colorbox”).mouseover = function() {
Document.getElementById(“colorbox”.style.backgroundColor =
“rgb(“ + Math.floor(Math.random()256)+ “,”
+ Math.floor(Math.random()256)+ “,”
+ Math.floor(Math.random()*256)+ “)”;
}
});

Question 16

What does the push Ajax call look like?

Answer 16

var text = $("#topic").val();
            $.ajax({
               url:"response.php",
               method:"GET",
               data:{topic:text},
               dataType:"text",
               success:function(data){
                   $("body").append().html("<p>" + data +       “</p>”);
               }
        });

Question 17

What does the pull Ajax call look like from a php echo?

Answer 17

$command = "SELECT `tweet` FROM `tbl_tweet` ORDER BY `tweet_id` DESC";
$query = $dbh->prepare($command);
$result = $query->execute();
$json_array = array();
while ($row = $query->fetch()) {
    $json_array[] = $row;
}

// set the header and echo out the encoded json data
header('Content-type: application/json');
echo json_encode($json_array);

—————————————————-
$.ajax({  url:"fetch.php",
               method:"POST",
               dataType:"json",
               success:function(data){...});

Question 18

How do you create a button click event in js?

Answer 18

$(“#thebutton”).click(function(){ … }