Control structures (@if, @foreach, @for) in Laravel - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What is the rendered output of this Blade snippet?

Consider the following Blade template code:

@for($i = 1; $i <= 3; $i++)
  @if($i % 2 == 0)
    Even
  @else
    Odd
  @endif
@endfor

What will be the output when this template is rendered?

Laravel

@for($i = 1; $i <= 3; $i++)
  @if($i % 2 == 0)
    Even
  @else
    Odd
  @endif
@endfor

A OddEvenOdd

B Odd Odd Odd

C EvenEvenEven

D OddEven

💡 Hint

Remember how the @for loop and @if condition work together to output text.

The loop runs from 1 to 3. For each number, it checks if it's even or odd. 1 is odd, 2 is even, 3 is odd, so the output concatenates 'Odd', 'Even', 'Odd' without spaces.

📝 Syntax

intermediate

Which option causes a syntax error in Blade @foreach usage?

Identify which Blade @foreach loop syntax will cause a syntax error when compiled.

A

@foreach($items as $item)
  {{ $item }}
@endforeach

B

@foreach($items in $item)
  {{ $item }}
@endforeach

C

@foreach($items as $item)
  {{ $loop->index }} - {{ $item }}
@endforeach

D

@foreach($items as $key => $item)
  {{ $key }}: {{ $item }}
@endforeach

💡 Hint

Check the correct syntax for the @foreach directive in Blade.

The correct syntax is '@foreach($collection as $item)'. Using 'in' instead of 'as' causes a syntax error.

❓ state_output

advanced

What is the value of $count after this Blade loop?

Given the following Blade code snippet:

@php
  $count = 0;
@endphp
@foreach(['a', 'b', 'c'] as $letter)
  @php
    if($letter === 'b') continue;
    $count++;
  @endphp
@endforeach

What is the final value of $count after rendering?

Laravel

@php
  $count = 0;
@endphp
@foreach(['a', 'b', 'c'] as $letter)
  @php
    if($letter === 'b') continue;
    $count++;
  @endphp
@endforeach

A 2

B 0

C 1

D 3

💡 Hint

Consider how the continue statement affects the loop iteration.

The loop skips incrementing $count when $letter is 'b'. So increments happen for 'a' and 'c' only, totaling 2.

🔧 Debug

advanced

Why does this Blade @if condition not work as expected?

Examine this Blade snippet:

@php
  $value = null;
@endphp
@if($value)
  Value is set
@else
  Value is not set
@endif

Why does it always show 'Value is not set' even if $value is assigned a non-null value later in the template?

Laravel

@php
  $value = null;
@endphp
@if($value)
  Value is set
@else
  Value is not set
@endif

A Because the @else block always executes regardless of the @if condition.

B Because Blade does not support null checks in @if statements.

C Because $value is a reserved keyword in Blade and cannot be used in conditions.

D Because Blade compiles the @if condition before $value is reassigned later, so it uses the initial null value.

💡 Hint

Think about when Blade compiles and evaluates variables in templates.

Blade templates are compiled once. If $value is null at compile time or before rendering, the condition evaluates false. Later changes to $value in the template do not affect the already compiled condition.

🧠 Conceptual

expert

Which statement about Blade @foreach and $loop variable is true?

Select the correct statement about the $loop variable inside a Blade @foreach loop.

A $loop->index starts counting from 1 and $loop->last is true only on the last iteration.

B $loop->count gives the number of iterations left including the current one.

C $loop->iteration starts counting from 1 and $loop->remaining gives the number of iterations left after the current one.

D $loop->first is true only on the second iteration of the loop.

💡 Hint

Recall the properties of the $loop variable in Blade documentation.

$loop->iteration counts from 1, $loop->remaining counts how many iterations remain after the current one. $loop->index counts from 0. $loop->last is true on last iteration. $loop->first is true on first iteration.