Why views present data in Ruby on Rails - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to display the user's name in the view.

Ruby on Rails

<h1>Welcome, [1]!</h1>

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

A{{ user.name }}

[e-mail]

C<%= @user.name %>

Duser.name

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to use <%= %> to output data

Using JavaScript or other syntax instead of Ruby in views

In Rails views, you use <%= %> to embed Ruby code that outputs data. Here, @user.name is displayed with <%= %>.

2fill in blank

medium

Complete the code to loop through all posts and show their titles in the view.

Ruby on Rails

<ul>
  <% @posts.each do |[1]| %>
    <li><%= [1].title %></li>
  <% end %>
</ul>

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

Apost

Bposts

Citem

Dp

Attempts:

3 left

💡 Hint

Common Mistakes

Using plural variable names inside the block

Not matching the block variable with the collection items

The block variable inside each do |...| should be singular to represent each item. Here, post is correct.

3fill in blank

hard

Fix the error in the code to correctly display the user's email.

Ruby on Rails

<p>Email: [1]</p>

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

[e-mail]

B<%= user.email %>

Cuser.email

D<%= @user.email %>

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting <%= %> so the code doesn't output anything

Using local variables instead of instance variables

To display data in a Rails view, use <%= %> with the instance variable @user.email.

4fill in blank

hard

Fill both blanks to create a link to the user's profile with the user's name as link text.

Ruby on Rails

<%= link_to [1], [2] %>

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

[e-mail]

Buser_path(@user)

Cprofile_path

D:user

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping the order of arguments

Using symbols instead of path helpers

link_to takes the link text first, then the path. Here, @user.name is the text, and user_path(@user) is the URL.

5fill in blank

hard

Fill all three blanks to display a list of product names with prices formatted as currency.

Ruby on Rails

<ul>
  <% @products.each do |[1]| %>
    <li><%= [2] %> - <%= number_to_currency([3]) %></li>
  <% end %>
</ul>

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

Aproduct

Bproduct.name

Cproduct.price

Ditem

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong variable names

Not formatting price as currency

The block variable is product. Use product.name for the name and product.price for the price formatted with number_to_currency.