scriptJsModifyCompetition.html

     <script>
        function displayCheckbox(){
          const div = document.getElementById('div-container');
          div.hidden = false;
          console.log('hi here')
        }

        function displayInput(divWrapper, array, index, checkbox, id_div, input_type, input_name, label_str){
          if (checkbox.checked == true && document.getElementById(id_div) == null){
            const inputText = document.createElement('input');
            inputText.setAttribute('type', input_type);
            inputText.setAttribute('name', input_name);

            const div = document.createElement('div');
            const label = document.createElement('label');

            div.setAttribute('id', id_div);
            div.className = "space";
            label.innerHTML = label_str;
            div.appendChild(label);
            inputText.value = array[index];
            div.appendChild(inputText);
            divWrapper.insertBefore(div, document.getElementById('div-btn'));
          }else if (checkbox.checked == false && document.getElementById(id_div) != null){
            divWrapper.removeChild(document.getElementById(id_div));
          }
        }

        function generateField(){
          const checkboxName = document.getElementById('nameCompet');
          const checkboxBirthDate = document.getElementById('town');
          const checkboxNationality = document.getElementById('year');
          const checkboxImage = document.getElementById('level');
          const divUpdate = document.getElementById('div-update');
          const idInput = document.getElementById('idCompet');
            
          const selectElt = document.getElementById('select');
          let arr = (selectElt.value).split(',');
          idInput.value = arr[0].slice(1);

          displayInput(divUpdate, arr, 1, checkboxName, 'div-name', 'text', 'nameCompetition', 'Mettre à jour le nom:');
          displayInput(divUpdate, arr, 2, checkboxBirthDate, 'div-town', 'text', 'town', 'Mettre à jour la ville:');
          displayInput(divUpdate, arr, 3, checkboxNationality, 'div-year', 'text', 'year', 'Mettre à jour l\'année:');
          displayInput(divUpdate, arr, 4, checkboxImage, 'div-level', 'text', 'level', 'Mettre à jour le niveau:');  
        }

        const checkboxes = document.getElementsByName('checkbox');
        for(let c of checkboxes)
          c.addEventListener("click",generateField);
      </script>