Which property would you use to animate a change from one set of CSS properties to another?
Anonymous Quiz
25%
transform
31%
keyframes
24%
animation
20%
transition
What will this code output to the console and why?
Difficulty: Hard😤
Difficulty: Hard😤
function addToArray(arr, value) {
arr.push(value);
return arr;
}
const numbers = [1, 2, 3];
const result = addToArray(numbers, 4);
console.log(result);
console.log(numbers);What is the purpose of the <!DOCTYPE html> declaration?
Anonymous Quiz
19%
To define the encoding of the document
69%
To specify the document type and version of HTML
6%
To include external JavaScript files
5%
To specify the base URL for relative links
👍2
How do you create a comment in a CSS file?
Anonymous Quiz
39%
<!-- This is a comment -->
12%
// This is a comment
43%
/* This is a comment */
6%
# This is a comment
❤5👍3🔥1👏1
What will this code output to the console and why?
Difficulty: Average🤨
Difficulty: Average🤨
function createAccumulator(initialValue) {
let total = initialValue;
return function(amount) {
total += amount;
return total;
};
}
const accumulator = createAccumulator(10);
console.log(accumulator(5));
console.log(accumulator(10));
console.log(accumulator(-5));
const anotherAccumulator = createAccumulator(100);
console.log(anotherAccumulator(50));👍3❤2🤔1
Which of the following is true about let and var in JavaScript?
Anonymous Quiz
16%
var is block-scoped, while let is function-scoped
27%
let is function-scoped, while var is block-scoped
20%
Both let and var are block-scoped
38%
let is block-scoped, while var is function-scoped
JavaScript Task
Write a function findMax(arr) that takes an array of numbers and returns the largest number in the array.
Difficulty: Easy😁
Write a function findMax(arr) that takes an array of numbers and returns the largest number in the array.
Difficulty: Easy😁
function findMax(arr) {
}
console.log(findMax([3, 5, 7, 2, 8]));How can you apply different styles to a child element when hovering over its parent in CSS?
Anonymous Quiz
45%
parent:hover child { /* styles */ }
17%
parent + hover child { /* styles */ }
26%
child:hover { /* styles */ }
12%
parent > hover child { /* styles */ }
Find the error in the code.
Difficulty: Average🤨
Difficulty: Average🤨
let numbers = [1, 2, 3, 4, 5];
function sumArray(arr) {
return arr.reduce((accumulator, current) => {
return accumulator + current;
}, 0);
}
console.log('Sum:', sumArray(numbers));
numbers = '1, 2, 3, 4, 5';
console.log('Sum:', sumArray(numbers));
How do you create a multi-line text input field in HTML?
Anonymous Quiz
5%
Using <multiline>
42%
Using <textarea>
22%
Using <input type="multiline">
31%
Using <input type="textarea">
JavaScript Task
Write a function isEven that takes a number as an argument and returns true if the number is even and false if it is odd.
Difficulty: Easy😁
Write a function isEven that takes a number as an argument and returns true if the number is even and false if it is odd.
Difficulty: Easy😁
function isEven(num) {
}
console.log(isEven(4));
console.log(isEven(7));
console.log(isEven(0));
console.log(isEven(-2));👍2
Which CSS property is used to add rounded corners to an element?
Anonymous Quiz
6%
corner-radius
11%
border-corner
79%
border-radius
5%
border-style
👍1🔥1👏1
What does the placeholder attribute do in an <input> field?
Anonymous Quiz
11%
Defines the maximum length of the input
21%
Specifies the data type for the input
21%
Sets a default value for the input
46%
Provides a hint or example of the expected value
Find the error in the code.
Difficulty: Average🤨
Difficulty: Average🤨
function processData(data) {
let result = data.map(item => item.value);
return result;
}
let inputData = null;
console.log(processData(inputData));How can you check if a variable is an array in JavaScript?
Anonymous Quiz
33%
Array.isArray(variable)
33%
typeof variable === 'array'
33%
variable.isArray()
2%
variable instanceof Array
👍3
JavaScript Task
Remove all empty strings from the array.
Difficulty: Average🤨
Remove all empty strings from the array.
Difficulty: Average🤨
let arr = [1, '', 2, 3, '', 5];
How can you create a flexbox container in CSS?
Anonymous Quiz
6%
display: grid;
81%
display: flex;
9%
display: inline-flex;
4%
display: block;
Which of the following is NOT a valid use of the <meta> tag in HTML?
Anonymous Quiz
8%
Specifying the character encoding of the document
34%
Defining viewport settings for responsive design
47%
Including an external JavaScript file
11%
Providing a denoscription for search engines
Find the error in the code.
Difficulty: Hard😤
Difficulty: Hard😤
function processArray(arr) {
let result = [];
arr.forEach(item => {
if (item != '') {
result.push(item);
} else if (typeof item === 'number') {
result.push(item * 2);
}
});
return result;
}
let data = [1, '', 2, 3, '', 5, null, undefined, 'hello'];
console.log(processArray(data));🤔2
What is the difference between relative and absolute positioning in CSS?
Anonymous Quiz
16%
Relative to viewport; absolute to normal position.
57%
Relative to normal position; absolute to nearest positioned ancestor.
16%
Relative inside flex; absolute outside.
11%
Relative fixes in place; absolute scrolls with page.