title: How to create div element in Blazor
body: <p>I'm writing an application using Blazor server side and .Net 5. I want when I write text in the search box it will show results in new divs. However, the search results are not displayed. When I debug the code from service works fine.</p>
  <pre class="lang-html prettyprint-override"><code>@page &quot;/&quot;
  @using MovieSearch.Service
  @using MovieSearch.Data
  @using MovieSearch.Helpness
  @inject IOMDbService service
  
  &lt;div class=&quot;movie-search&quot;&gt;
      &lt;div class=&quot;search-container&quot;&gt;
          &lt;form action=&quot;/&quot;&gt;
              &lt;input type=&quot;text&quot; placeholder=&quot;Find a movie&quot; @bind-value=&quot;@searchTerm&quot; /&gt;
              &lt;button type=&quot;submit&quot; @onclick=&quot;FindMovies&quot;&gt;&lt;i class=&quot;fa fa-search&quot;&gt;&lt;/i&gt;&lt;/button&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;movies&quot;&gt;
      @if(moviesResult != null)
      {
          if(!moviesResult.Success)
          {
              foreach(var error in moviesResult.Errors)
              {
                  &lt;p&gt;@error.Message&lt;/p&gt;
              }
          }
          else
          {
              foreach(var movie in moviesResult.Value)
              {
                  &lt;div class=&quot;movie&quot;&gt;
                      &lt;p&gt;@movie.Title&lt;/p&gt;
                      &lt;img src=&quot;@movie.Poster&quot; /&gt;
                  &lt;/div&gt;
              }
          }
      }
  &lt;/div&gt;
  
  @code
  {
      private string searchTerm;
      private Result&lt;IEnumerable&lt;Movie&gt;&gt; moviesResult;
  
      async Task FindMovies()
      {
          moviesResult = await service.FindMovies(searchTerm);
      }
  }
  </code></pre>
  <p>What can I do to view the results?</p>