現在の日付と連動して賞味期限の残り日数を1日ずつ減らしいく表示をしたい！

解決したいこと

プログラミング初学者です。Ruby on Railsで賞味期限の残り日数を現在の日付に連動する1日ずつ減っていく表示にさせるアプリを作りたいです。
1日経つと残り●日が1日ずつ減るイメージです。時間までは表示せず日付だけを考えてます。現在、残り日数は購入日と賞味期限の差分です。
賞味期限から現在の日付の差分を１ずつ減らすイメージでしょうか？
railsでの一からの作り直しも検討してます。

該当するソースコード

javascript
1window.addEventListener('load', () => {
2  const arrjsonInput = document.getElementById("arr_json");
3  for (let i = 0; i < arrjsonInput.value ; i++) {
4    const purchaseInput = document.getElementById("purchase-date"+i);
5    const expirationInput = document.getElementById("expiration-date"+i);
6    const purchaseDate = new Date(purchaseInput.innerHTML);
7    const expirationDate = new Date(expirationInput.innerHTML);
8    const daysLeft = document.getElementById("days-left"+i);
9    daysLeft.innerHTML = (Math.floor( (expirationDate.getTime() - purchaseDate.getTime()) / ( 1000 * 60 * 60 * 24 )));
10  }  
11});

ruby
1<main class="main">
2  <div class="inner">
3    <div class="card__wrapper">
4    <input id="arr_json" type="hidden" value="<%= @items.length %>" class='arr_json'/>
5      <% @items.each_with_index do |item, i| %>
6        <div class="content">
7          <div class="image-content">
8            <%= link_to image_tag(item.image.variant(resize: '200x200'), class: :card__img ), item_path(item) %>
9          </div>  
10          <div class="sub-content">
11            <span>購入日</span>
12            <div id="purchase-date<%=i %>"> <%= item.purchase_date %></div>
13            
14          </div>
15          <div class="sub-content">
16            <span>賞味期限</span>
17            <div id="expiration-date<%=i %>"><%= item.expiration_date %></div>
18          </div>
19          <div class="daysleft-content">
20              <span>残り<span id="days-left<%=i %>"></span>日</span>
21          </div>
22          <div class="nickname-content">
23          <%= link_to "by #{item.user.nickname}", root_path, class: :card__user %>
24          </div>
25        </div>
26      <% end %>
27    </div>
28  </div>
29</main>