Estoy creando una aplicación de Rails en la que hay ejercicios y respuestas de usuario. Cuando el usuario ve un ejercicio, hay un formulario que puede enviar con la respuesta que cree correcta.
Al enviar, quiero que se muestre la misma vista, sin actualizar, pero con un nuevo div que tenga la solución del ejercicio. La vista que se muestra son los ejercicios/espectáculo y un formulario presentado en la carpeta user_answers. En este momento, mi código se ve así:
ejercicios/show.html.erb
<div class="container exercise-page"> <h2 class="exercise-title">Exercício <%= @exercise.id %> de <%= @exercise.category %> - <%= @exercise.sub_category %></h2> <br> <%= render 'user_answers/user_answer_form' %> <br> <div id="solution_exercise"> </div>user_answers/_user_answer_form.html.erb
<%= simple_form_for [@exercise, @user_answer], authenticity_token: true, remote:true, :method => 'POST', :html=> { class: 'col-xs-12 col-sm-12 col-lg-3 mx-auto text-center list-group', id:"form"} do |f| %> <%= f.simple_fields_for :answers, include_id: false do |answer| %> <%= f.input_field :answer, label: 'Answer', as: :radio_buttons, class: 'form-check-input', :item_label_class => 'list-group-item', name: 'answer', collection: @answers, label_method: :answer %> <br> <%= f.submit 'Submit Answer!', class: "btn btn-outline-success", id: "submit" %> <% end %>usuario_respuestas_controlador.rb
def create @user_answer = UserAnswer.new(user_answer_params) @answers = Exercise.find(params[:exercise_id]).answers @exercise = Exercise.find(params[:exercise_id]) @user_answer.exercise = @exercise @user_answer.answer = @exercise.answers.find(params[:answer]) @user_answer.user_id = current_user.id @user_answer.save respond_to do |format| format.js end endrespuestas_usuario/create.js.erb
solution = document.querySelector("solution_exercise") solution.innerHTML = '<%= j render partial: "solution" %>'respuestas_usuario/_solution.html.erb
<p>Your answer: <%=current_user.user_answers.last.answer.answer%></p>El error:
¿Alguien sabe lo que estoy haciendo mal?