投稿する画像に制限をかけたい

前提・実現したいこと

railsで投稿アプリを作成しております。
Active Storageを使って複数枚投稿を実装できるようにしました。
1度に4枚までしか投稿できないようにしたいのですが参考になる記事が見つかりませんでした。

ご教授いただけないでしょうか。
よろしくお願い致します。

該当のソースコード

new
1<div class="form_box">
2    <%= form_with model: @review, local: true do |f| %>
3      <div class="form-group">
4        <%= f.label :images, "画像" %><br />
5        <%= f.file_field :images, name: 'review[images][]', id: 'review_image' %>
6      </div>
7
8      <div class="actions">
9        <%= f.submit "投稿する", type: "button", class: "btn btn-outline-info", id: "submitnew" %>
10      </div>
11
12      <div id="image-list"></div>
13
14    <% end %> 
15  </div>
16</div>

javascript
1document.addEventListener('DOMContentLoaded', function(){
2  if ( document.getElementById('review_image')){
3    const ImageList = document.getElementById('image-list')
4
5    const createImageHTML = (blob) => {
6      
7     const imageElement = document.createElement('div')
8     imageElement.setAttribute('class', "image-element")
9     let imageElementNum = document.querySelectorAll('.image-element').length
10     
11     const blobImage = document.createElement('img')
12     blobImage.setAttribute('src', blob)
13
14     const inputHTML = document.createElement('input')
15     inputHTML.setAttribute('id', `review_image_${imageElementNum}`)
16     inputHTML.setAttribute('name', 'review[images][]')
17     inputHTML.setAttribute('type', 'file')
18
19     imageElement.appendChild(blobImage)
20     imageElement.appendChild(inputHTML)
21     ImageList.appendChild(imageElement)
22
23     inputHTML.addEventListener('change', (e) => {
24      file = e.target.files[0];
25      blob = window.URL.createObjectURL(file);
26
27      createImageHTML(blob)
28     })
29   }
30
31    document.getElementById('review_image').addEventListener('change', function(e){
32    
33      let file = e.target.files[0];
34      let blob = window.URL.createObjectURL(file);
35
36      createImageHTML(blob);
37    });
38  }
39});

試したこと

https://qiita.com/tochisuke221/items/bff7d930ae282552ef77

上記の記事を見つけて、記述しようとしたのですがどのように記述して良いかが分かりませんでした。

javascript
1document.getElementById('practice_image').addEventListener('change', (e)=>{
2    const files = e.target.files;
3　　//以下で枚数制限をかけています。
4    if(files.length>4){
5      alert("投稿できる画像数は4枚までです");
6      submit.setAttribute("disabled",true);　//非活性にする！！！！
7      return false;
8    }else{
9      submit.setAttribute("disabled",false);//活性にする！！！！
10    }