JSFiddle - React, Tailwind, and code Playground

by Pasky Org

HTML

<form id="formPunto" class="oculto" action="#" style="display: block;">
      <fieldset>
      <legend>Agregar Nuevo Punto</legend>
      <label>Código Ruta: <input type="number" id="cod_ruta_punto" name="cod_ruta"></label><br>
      <label>Código Punto: <input type="number" id="cod_punto" name="cod_punto"></label><br>
      <label>Dirección: <input type="text" id="addr"></label><br>
      <div id="resultados"></div>
      <button id="obtenerCoordenadas">Obtener coordenadas</button><br>
      <label>Latitud: <input type="number" step="any" min="-90" max="90" id="latitud" name="latitud" required=""></label><br>
      <label>Longitud: <input type="number" step="any" min="-180" max="180" id="longitud" name="longitud" required=""></label><br>
      <button id="obtenerAltura">Obtener altura</button><br>
      <label>Altura: <input type="number" id="altura" name="altura" required=""></label><br>
      <button type="submit" id="agregarPunto">Agregar punto</button>
      <button id="cancelarPunto" type="cancel">Cancelar</button>
      </fieldset>
    </form>