JavaScript

<script type="text/javascript">
   $(document).ready(function() {
       $('#uploadstatus1').hide();
       $('#uploadstatus2').hide();

       $('#btnupload').click(function() {
           var file = $('#formFile')[0].files[0];
           var filename = file.name;
           var filedata = $('#formFile').prop('files')[0];
           var formdata = new FormData();
           formdata.append("file", filedata);
           formdata.append("filename", filename);
           $.ajax({
               url: "../app/model/saveimage.php",
               type: "POST",
               dataType: 'script',
               cache: false,
               processData: false,
               data: formdata,

               success: function(data2) {
                   if (data2 == 1) {
                       location.reload();
                   } else {
                       alert(data2);
                       $('#uploadstatus1').show();
                   }
               }
           });
       });
   });
   </script>

<div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
           <div class="modal-dialog">
               <div class="modal-content">
                   <div class="modal-header">
                       <h5 class="modal-title" id="exampleModalLabel">Upload image</h5>
                       <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                   </div>
                   <div class="modal-body">
                       <form action="" method="POST" enctype="multipart/form-data">
                           <p>Upload file:</p>
                           <div class="mb-3">
                               <label for="formFile" class="form-label">Only Jpeg files are supported.</label>
                               <input class="form-control" type="file" id="formFile" name="formFile" required>
                           </div>
                       </form>
                       <div class="alert alert-danger" id="uploadstatus1" role="alert">
                           Upload failed!
                       </div>
                       <div class="alert alert-success" id="uploadstatus2" role="alert">
                           File uploaded successfully!
                       </div>
                   </div>
                   <div class="modal-footer">
                       <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                       <button type="button" class="btn btn-primary" name="btnupload" id="btnupload">Upload</button>
                   </div>
               </div>
           </div>
       </div>

if (isset($_POST['file'])) {
           try {

               //For uploading original image
               $crop = new Crop();

               $crop->img_name = $_FILES['file']['name'];
               $crop->tmp_img_name = $_FILES['file']['tmp_name'];
               $crop->folder = "../public/assets/uploadIMG/";
               //For finding file extension
               $crop->ext = pathinfo($crop->img_name, PATHINFO_EXTENSION);
               //Renaming the uploaded file
               $crop->new_name = $this->RandomStringGenerator() . "." . $crop->ext;
               $this->new_name = $crop->new_name;
               //Moving to the desired path
               move_uploaded_file($crop->tmp_img_name, $crop->folder . $crop->new_name);
               $this->RegisterIntoDatabase();

               //For cropping image and creating thumbnail
               $crop->RunCrop();

               unset($_POST);
               echo '1';
           } catch (\Throwable $th) {

               echo '2';
           }
       }else{
           echo '2';
       }

if (isset($_POST['file']))

how do you paint objects with two different colors in the for repetition structure, as shown in the code below

For(var o=0;i<2;i++){

Var xElias Books = [Elias]
Var Author = "Elias Araújo"
Var recommendbook1 = true;
Var recommendbook2 = true;
Var recommendbook3 = false;

fill(255,60,50)
fill(100,50,50)
Rect(xElias Books[0]+150*i,20,90,100)

//I can't get the two objects to be painted different colors like you do.

}

Hi guys ... I'm at the first programming experiences ... I'm trying to make a personal website to have updates of various data ... now, I would like to insert in HTML  H1 the import of a value via API. .. unfortunately with what I wrote nothing works ... you can help me. Thank you

document.addEventListener("keydown", (e) => {
    const el = e.target;
    if (el.classList.contains("currency")) {
        console.debug(el.id, el.value);
        el.value = formatCurrency(el.value);
    }
});

function formatCurrency(value) {

    // if input value is falsy eg if the user deletes the input, then just return
    if (!value) return value;

    // clean the input for any non-digit values except decimal.
    return value.replace(/^[0-9]+\.[0-9]{2}/, "");

}