ストップウォッチ のタイムを登録したい

Question

前提・実現したいこと

ストップウォッチで時間を測定してストップしたタイムを登録したい。

初めての質問です。
わかりにくい点が多々あると思いますがそよろしくお願いします。
ruby on rails で勉強時間の測定をして勉強した時間を登録するアプリを作っています。

発生している問題・エラーメッセージ

ストップウォッチをjQueryで作成して時間を測定する事はできるようになったんですが、その時間を登録しようとした時にform_withでできるんじゃないかと考えたんですが書き方が分からない状態です。

該当のソースコード

ストップウォッチが動く状態です。

html

<div id="clock">00:00:00</div> <form> <input type="button" id="start" value="Start"> <input type="button" id="stop" value="Stop" disabled> <input type="button" id="restart" value="Restart" disabled> <input type="button" id="reset" value="Reset" disabled> </form>

html部分のformの所をform_withで作成できれば自分の中ではタイムの取得ができると考えています。

javascript

$(function () {
var sec = 0;
var min = 0;
var hour = 0;

var timer;

// スタート
$('#start').click(function() {
// 00:00:00から開始
sec = 0;
min = 0;
hour = 0;
$('#clock').html('00:00:00');
timer = setInterval(countup, 1000);

$(this).prop('disabled', true);
$('#stop,#reset').prop('disabled', false);

});

// ストップ
$('#stop').click(function() {
// 一時停止
clearInterval(timer);

$(this).prop('disabled', true);
$('#restart').prop('disabled', false);

});

// リスタート
$('#restart').click(function() {
// 一時停止から再開
timer = setInterval(countup, 1000);

$(this).prop('disabled', true);
$('#stop').prop('disabled', false);

});

// リセット
$('#reset').click(function() {
// 初期状態
sec = 0;
min = 0;
hour = 0;
$('#clock').html('00:00:00');
clearInterval(timer);

$('#stop,#restart,#reset').prop('disabled', true);
$('#start').prop('disabled', false);

});

/**

• カウントアップ

*/
function countup()
{
sec += 1;

if (sec > 59) {
  sec = 0;
  min += 1;
}

if (min > 59) {
  min = 0;
  hour += 1;
}

// 0埋め
sec_number = ('0' + sec).slice(-2);
min_number = ('0' + min).slice(-2);
hour_number = ('0' + hour).slice(-2);

$('#clock').html(hour_number + ':' +  min_number + ':' + sec_number);

試したこと

form_withを使って自分で作成してみたんですが上手く行かないです。

html
<%= form_with(model: @schedule, local: true) do |f| %>
<%= f.label(:time) %>
<%= f.text_field :time, value: @initial_value %>

<input type="button" id="start" value="Start"> <input type="button" id="stop" value="Stop" disabled> <input type="button" id="restart" value="Restart" disabled> <input type="button" id="reset" value="Reset" disabled>

<%= f.submit("タイム登録", class: "btn btn-primary") %>

<% end %>

Controller

def new
@initial_value = "00:00:00"
@schedule = Schedule.new
end

補足情報（FW/ツールのバージョンなど）

測定したタイムを登録するにはform_withで作成すればできるのかまた、違う方法があるのかアドバイスよろしくお願いします。

Answer 1

Railsでデータを登録する際には、コントローラーにcreateという名前のアクションが必要です。
例えば、Railsの公式ドキュメントの例では、Articleモデルのデータを登録する際には、このようなコードになっています。

def create
  @article = Article.new(params[:article])
 
  @article.save
  redirect_to @article
end

今のコードですと、def newはあるのですが、def createがないので、データの登録処理が実装できていないように見えます。

また、form_withの使い方はこちらのブログがわかりやすいので、こちらを読むを疑問点が解消できるかもしれません。
Rails 5.1〜_ 'form_with' APIドキュメント完全翻訳｜TechRacho｜BPS株式会社

また、うまく行かない際には、コンソールに表示されるエラーメッセージの情報などがあると回答しやすいです。
もし、そのような情報があったらコメントいただけると、より詳細に回答できると思います。

Comments

[xylitol26]

返事遅くなって申し訳ございません。
回答ありがとうございます。
助言をもらった通りdef createを作ってタイムを登録する事はできましたありがとうございます。