Color output (ANSI escape codes) in Bash Scripting - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to print the word "Hello" in red color using ANSI escape codes.

Bash Scripting

echo -e "\033[[1]mHello\033[0m"

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

A34

B32

C33

D31

Attempts:

3 left

💡 Hint

Common Mistakes

Using 32 which is green instead of red.

Forgetting to reset color with \033[0m.

The ANSI escape code 31 sets the text color to red. The code \033[31m starts red color, and \033[0m resets it.

2fill in blank

medium

Complete the code to print the word "Success" in green color using ANSI escape codes.

Bash Scripting

echo -e "\033[[1]mSuccess\033[0m"

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

A31

B35

C32

D33

Attempts:

3 left

💡 Hint

Common Mistakes

Using 31 which is red instead of green.

Not using -e option with echo to enable escape codes.

The ANSI escape code 32 sets the text color to green. It is used here to print "Success" in green.

3fill in blank

hard

Fix the error in the code to print "Warning" in yellow color.

Bash Scripting

echo -e "\033[[1]mWarning\033[0m"

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

A33

B34

C31

D32

Attempts:

3 left

💡 Hint

Common Mistakes

Using 34 which is blue instead of yellow.

Forgetting to reset color with \033[0m.

The ANSI escape code 33 sets the text color to yellow. Using 33 correctly colors the text "Warning" in yellow.

4fill in blank

hard

Fill both blanks to print "Error" in bold red color using ANSI escape codes.

Bash Scripting

echo -e "\033[[1];[2]mError\033[0m"

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

A1

B31

C0

D4

Attempts:

3 left

💡 Hint

Common Mistakes

Using 0 instead of 1 for bold style.

Mixing up color codes.

The code 1 makes the text bold, and 31 sets the color to red. Combined as \033[1;31m, it prints bold red text.

5fill in blank

hard

Fill all three blanks to print "Note" in underlined blue color using ANSI escape codes.

Bash Scripting

echo -e "\033[[1];[2]mNote\033[[3]m"

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

A4

B34

C0

D1

Attempts:

3 left

💡 Hint

Common Mistakes

Using 1 instead of 4 for underline.

Forgetting to reset with \033[0m.

4 is for underline, 34 is blue color, and 0 resets the style. So \033[4;34m starts underlined blue text, and \033[0m resets it.

Practice

1. What does the ANSI escape code \e[31m do in a bash script?

easy

A. Resets all colors and styles

B. Changes the background color to blue

C. Changes the text color to red

D. Makes the text bold

Solution

1. Step 1: Understand ANSI escape code format

   ANSI escape codes start with \e[ and end with m, where numbers define colors or styles.

2. Step 2: Identify code 31

   Code 31 sets the text color to red in terminal output.

3. Final Answer:

   Changes the text color to red -> Option C

4. Quick Check:

   \e[31m = red text color [OK]

Hint: 31 means red text color in ANSI codes [OK]

Common Mistakes:

• Confusing text color with background color
• Thinking \e[31m resets colors
• Assuming it makes text bold

2. Which of the following is the correct syntax to print the word Success in green color using echo in bash?

easy

A. echo "\e[0m32mSuccess\e"

B. echo -e "\e[32mSuccess\e[0m"

C. echo "\e[32mSuccess"

D. echo "\e[32mSuccess\e[32m"

Solution

1. Step 1: Use correct ANSI escape code format

   The code to start green text is \e[32m and to reset colors is \e[0m.

2. Step 2: Check each option's correctness

   echo -e "\e[32mSuccess\e[0m" correctly wraps 'Success' with start and reset codes. Others have syntax errors or missing reset.

3. Final Answer:

   echo -e "\e[32mSuccess\e[0m" -> Option B

4. Quick Check:

   Start green with \e[32m and reset with \e[0m [OK]

Hint: Always reset color with \e[0m after colored text [OK]

Common Mistakes:

• Forgetting to reset color after text
• Placing reset code before text
• Using incorrect escape code syntax

3. What will be the output of the following bash command?

echo -e "\e[33mWarning\e[0m: Disk space low"

medium

A. No color, plain text output

B. Entire line in yellow color

C. Syntax error due to missing quotes

D. Warning in yellow color followed by ': Disk space low' in default color

Solution

1. Step 1: Analyze the escape codes in the command

   \e[33m sets yellow text color, \e[0m resets color back to default after 'Warning'.

2. Step 2: Understand echo -e behavior

   Echo with -e interprets escape sequences, so 'Warning' appears yellow, rest normal.

3. Final Answer:

   Warning in yellow color followed by ': Disk space low' in default color -> Option D

4. Quick Check:

   \e[33m colors 'Warning', \e[0m resets color [OK]

Hint: Reset color after colored text to limit color scope [OK]

Common Mistakes:

• Assuming entire line is colored
• Ignoring -e flag in echo
• Confusing color codes with styles

4. Identify the error in this bash snippet intended to print Error in red:

echo "\e[31mError\e[0m"

medium

A. Missing -e flag in echo to enable escape sequences

B. Wrong color code for red

C. Reset code \e[0m is incorrect

D. Quotes should be single quotes instead of double

Solution

1. Step 1: Check echo command usage

   By default, echo does not interpret escape sequences without -e flag.

2. Step 2: Confirm color codes and quotes

   Color code 31 for red and reset \e[0m are correct; double quotes allow escape sequences with -e.

3. Final Answer:

   Missing -e flag in echo to enable escape sequences -> Option A

4. Quick Check:

   Use echo -e to interpret \e codes [OK]

Hint: Use echo -e to enable ANSI escape codes [OK]

Common Mistakes:

• Forgetting -e flag in echo
• Changing correct color codes
• Using wrong quote types unnecessarily

5. You want to write a bash script that prints Success in green and Error in red on separate lines, then resets color. Which script snippet correctly does this?

hard

A. echo -e "\e[32mSuccess\e[0m"; echo -e "\e[31mError\e[0m"

B. echo "\e[32mSuccess"; echo "\e[31mError"; echo "\e[0m"

C. echo -e "\e[32mSuccess\e[31mError\e[0m"

D. echo "\e[32mSuccess\n\e[31mError\e[0m"

Solution

1. Step 1: Check color codes and reset usage

   Each line uses correct color code (32 for green, 31 for red) and resets color with \e[0m.

2. Step 2: Verify echo usage and line separation

   echo -e "\e[32mSuccess\e[0m"; echo -e "\e[31mError\e[0m" uses separate echo commands with -e flag and resets color after each line, ensuring correct colors and reset.

3. Final Answer:

   echo -e "\e[32mSuccess\e[0m"; echo -e "\e[31mError\e[0m" -> Option A

4. Quick Check:

   Separate echo with -e and reset color each line [OK]

Hint: Use separate echo -e with reset for each colored line [OK]

Common Mistakes:

• Not resetting color after each line
• Using single echo without proper newlines
• Omitting -e flag in echo