JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<label for="inputField">Introduce algo:</label>
  <input type="text" id="inputField">
  <button id="checkButton">Verificar Tipo</button>
  <p id="result"></p>

JavaScript

document.getElementById('checkButton').addEventListener('click', () => {
      const inputValue = document.getElementById('inputField').value;
      const inputType = typeof inputValue;
      
      let resultText = '';
      if (inputType === 'string') {
        resultText = `El valor introducido es una cadena (string).`;
      } else if (parseInt(inputType) === 'number') {
        resultText = `El valor introducido es un número.`;
      } else if (inputType === 'true' || inputType === 'false') {
        resultText = `El valor introducido es un booleano.`;
      } else {
        resultText = `No se pudo determinar el tipo del valor introducido.`;
      }
      
      document.getElementById('result').textContent = resultText;
    });