JSFiddle - React, Tailwind, and code Playground

by zav19791979

HTML

<div class="wrapper-inputs-description row">
  <div class="block-of-inputs col">
    <input class="grid js-PofB" name="PofB" type="text" placeholder="Place of Birth">
  </div>
</div>

JavaScript

"use strict"
 
  const RenderCities = (arrCities) => console.log(arrCities);     
  const RequestForCadastralCode = (nameCity) =>   
    fetch(`https://www.ilcodicefiscale.it/en/ajaxserver.php?term=${nameCity}`).then(response => response.json());

  const Transformation = () => {    
      const PofBEl = document.querySelector('.wrapper-inputs-description .js-PofB')
      PofBEl.addEventListener('input', async (e) => {
        try {    	       
          RenderCities(await RequestForCadastralCode(e.target.value));      
        } catch (e) {
          console.log(`error: ${e.message}`);
        }     
      });
  };

  Transformation();