Useful CSS Tips

Outline

If you encounter issues with the positioning or visibility of elements on a page, this rule helps you instantly see all the blocks, their borders, and structure. It’s especially useful when working with complex layouts where elements might overlap or disappear.

* {
    outline: 4px solid green !important;
}

#css #tips #outline

JavaScript Task
Check that this string consists of numbers only.
Difficulty: Easy😁

string = "1234567890"

Find errors in the code.
Given an array of numbers. Remove numbers from it that have two or more zeros.
Difficulty: Hard😤

let numbers = [102, 304, 500, 1002, 20, 404, 80, 7];

function hasTwoOrMoreZeros(num) {

    return (num.toString().match(/0/g) && []).length > 2; 
}

let filteredNumbers = numbers.filter(num => !hasTwoOrMoreZeros(num));

console.log(filteredNumbers);

Find error in the code.
Difficulty: Easy😁

function addNumbers(a, b) {
    return a + b;
}

let result = addNumbers(5, '10');

console.log('Результат: ' + result);

#css #cursor #tips

JavaScript Task
Given an array of numbers. Increase each number in the array by 10 percent.
Difficulty: Easy😁

let numbers = [100, 200, 300, 400, 500];

#css #units #tips

What will this code output? Spot the bug.
Difficulty: Hard😤

for (var i = 0; i < 5; i++) {
    setTimeout(function() {
        console.log(i);
    }, 1000);
}

#html #entities #tips