Built-in math functions in SASS - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to calculate the square root of 16 using a built-in math function.

SASS

$result: math.[1](16);

Drag options to blanks, or click blank then click option'

Asqrt

Bpow

Cabs

Dround

Attempts:

3 left

💡 Hint

Common Mistakes

Using math.pow instead of math.sqrt

Using math.abs which returns absolute value

Using math.round which rounds numbers

The math.sqrt() function returns the square root of a number. Here, it calculates the square root of 16, which is 4.

2fill in blank

medium

Complete the code to round the number 4.7 down to the nearest whole number.

SASS

$rounded: math.[1](4.7);

Drag options to blanks, or click blank then click option'

Aabs

Bceil

Cround

Dfloor

Attempts:

3 left

💡 Hint

Common Mistakes

Using math.ceil which rounds up

Using math.round which rounds to nearest

Using math.abs which returns absolute value

The math.floor() function rounds a number down to the nearest whole number. So 4.7 becomes 4.

3fill in blank

hard

Fix the error in the code to get the absolute value of -10.

SASS

$absValue: math.[1](-10);

Drag options to blanks, or click blank then click option'

Aabs

Bpow

Csqrt

Dround

Attempts:

3 left

💡 Hint

Common Mistakes

Using math.round which rounds numbers

Using math.pow which raises to a power

Using math.sqrt which finds square root

The math.abs() function returns the absolute value of a number, turning negative numbers positive.

4fill in blank

hard

Fill both blanks to calculate 2 raised to the power of 3.

SASS

$power: math.[1](2, [2]);

Drag options to blanks, or click blank then click option'

Apow

B3

C4

Dsqrt

Attempts:

3 left

💡 Hint

Common Mistakes

Using math.sqrt instead of math.pow

Using 4 instead of 3 as exponent

Swapping base and exponent

The math.pow(base, exponent) function raises the base to the power of the exponent. Here, 2³ equals 8.

5fill in blank

hard

Fill all three blanks to create a map of words to their lengths, but only include words longer than 3 characters.

SASS

$lengths: ([1]: [2] for [3] in $words if str-length([3]) > 3);

Drag options to blanks, or click blank then click option'

Aword

Bstr-length(word)

Dlength

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'length' instead of 'str-length(word)'

Using a different variable name in the loop

Not filtering words by length

This code creates a map where each word is a key, and its length (found by str-length(word)) is the value. The loop variable is also word. Only words longer than 3 characters are included.