class KeyController < ApplicationController
  CORRECT_ANSWERS = [
    "ほげ",  # 0: 問題1,
    "ふが",  # 1: 問題2
  ]

def update
    # 正解判定
    key_id = params[:id].to_i
    is_correct = 
      (params[:value] == CORRECT_ANSWERS[key_id])

    if is_correct
      # 正解の場合のみsessionに値を保存
      session["key_#{key_id}_value"] = params[:value]
    else
      # 不正解の場合はflash.nowに不正解フラグを設定
      flash.now["key_#{key_id}_incorrect"] = true
      # 不正解でも入力値をリクエスト内で保持
      @input_value = params[:value]
    end

    render turbo_stream: [
      turbo_stream.replace(
        "key_answer_form_#{key_id}",
        partial: "top/key_answer_form",
        locals: { index: key_id }
      ),
      turbo_stream.replace(
        "key_answers_table",
        partial: "top/key_answers_table"
      )
    ]
  end
end

// クロスワードの答え入力をカタカナに変換するコントローラー
// app/javascript/controllers/key_input_controller.js
export default class extends Controller {
  static targets = ["incorrectIcon", "input", "form"]

  connect() {
    // コントローラーが接続された時の処理
    // フォーム送信前にカタカナ変換を行う
    if (this.hasFormTarget) {
      this.formTarget.addEventListener(
        'submit', this.handleSubmit.bind(this))
    }
  }
  ...

// 利用側ではdata: { key_input_target: "form" } を指定