JavaScript

async function runProjectUpdateCostAsync() {

    const vendorId = document.getElementById('updateProjectCost_vendorId').value;
    const bodyPayload = JSON.parse(document.getElementById('updateProjectCost_jsonPayload').value);
    const priceLists = JSON.parse(bodyPayload.priceLists);

    // Program the Api Url
    let apiUri = document.getElementById('updateProjectCost_apiUri').value;
    apiUri += '?updateProjectCost=true';

    // Were now looping through priceList to shorten the time
    let promise = Promise.resolve();
    for await (const priceList of priceLists) {

        const statusElement = document.getElementById(priceList.statusElement);
        const img = new Image();
        img.src = '/assets/images/Gear-0.2s-32px.gif';
        img.alt = 'wait';
        statusElement.innerHTML = '';
        statusElement.appendChild(img);

        const newBodyPayload = JSON.stringify({
            "vendorId": vendorId,
            "priceLists": "[" + JSON.stringify(priceList) + "]"
        });

        const span = document.createElement('span');
        span.classList.add('font-weight-bold');
        span.classList.add('mx-2');

        promise = promise.then(fetch(apiUri, {
            method: 'POST',
            body: newBodyPayload,
            headers: {'Content-type': 'application/text; charset=utf-8'}
        })
            .then(response => response.json())
            .then(data => {

                span.classList.add('text-success');
                span.innerHTML = 'Success';
                statusElement.innerHTML = '';
                statusElement.appendChild(span);

            })
            .catch(e => {

                span.classList.add('text-danger');
                span.innerHTML = 'Failed';

                statusElement.innerHTML = '';
                statusElement.appendChild(span);

                console.error("runProjectUpdateCost Error: ", e);

            }));

    }

}

<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