リハビリアプリを作ろう（その2）

こちらの続きです

1-25の数字押していくゲームを作りたいです
このコラムの範囲

• 1-25の数字をランダムに表示

1-25の数字のシャッフルされたリストを生成

lib/num_web/live/user_live/index.ex

defmodule NumWeb.UserLive.Index do
  use NumWeb, :live_view

  @impl true
  def mount(_params, _session, socket) do
    num =
    1..25
    |> Enum.shuffle()
    socket = assign(socket, num: num)
    {:ok, socket}
  end

end

5づつ改行する

lib/num_web/live/user_live/index.html.heex

<%= for {s, i} <- Enum.with_index(@num, 1) do %>
  <div class="float-left w-28 h-28 m-2 bg-blue-200 text-center ">
    <p class="pt-7 text-5xl text-blue-700 "><%= s %></p>
  </div>
  <%= if rem(i, 5) == 0 do  %>
    <br>
  <% end %>
<% end %>

現時点結果

今回はここまで