How do I use a foreach loop to display character names on a website?

Question

Please help me I'm not sure what I am doing wrong.

Detail.cshtml

@{
    Layout = null;

    var title = "Super Mario 64";
    var description = "Super Mario 64 is a 1996 platform video game developed and published by Nintendo for the Nintendo 64.";
    var characters = new string[]
    {
        "Mario",
        "Princess Peach",
        "Bowser",
        "Toad",
        "Yoshi"
    };
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Video Game Detail</title>
</head>
<body>
    <div>
        <h1>@title</h1>

        <h5>Description:</h5>
        <div>@description</div>

        <h5>Characters:</h5>
        <div>
            <ul>
                @foreach(character in characters)
                {
                  <li>character</li>
                }
            </ul>
        </div>
    </div>
</body>
</html>

Answer 1 · 2017-02-26T18:12:28Z

February 26, 2017 6:12pm

There are two issues with your loop:

You have forgotten to define a type for you character variable. You need to define what character actually is. Though you can just use var to have C# automatically figure out the type for you.
When you use character inside the body of the foreach you need to prepend it with @ in order for it to be processed by Razor and not just treated as literal text.

Fixing those two issues like this:

@foreach(var character in characters)
    {
         <li>@character</li>
    }

Will make your code pass the challenge.

Welcome to the Treehouse Community

Looking to learn something new?

Thomas Hahn

Thomas Hahn

How do I use a foreach loop to display character names on a website?

1 Answer

andren

andren

Thomas Hahn

Thomas Hahn