¿Cómo convertir caracteres a código ASCII usando JavaScript?

El propósito de este artículo es obtener el código ASCII de cualquier carácter utilizando el método JavaScript charCodeAt() . Este método se utiliza para devolver el número que indica el valor Unicode del carácter en el índice especificado.

Sintaxis:

string.charCodeAt(index); 

Ejemplo: El siguiente código ilustra que pueden tomar el carácter del usuario y mostrar el código ASCII de ese carácter.

Código HTML:

HTML

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h2>
        GeeksForGeeks
    </h2>
    <h2>
        How to convert character to
        ASCII code in JavaScript
    </h2>
  
    <p>
        Enter any character:
        <input type="text" id="id1" 
            name="text1" maxLength="1">
    </p>
  
    <button onclick="myFunction()">
        Get ASCII code
    </button>
  
    <p id="demo" style="color:red;">
</body>
  
</html>

Código JavaScript: el siguiente fragmento de código ilustra el código JavaScript utilizado en el código HTML anterior.

function myFunction() {
    var str = document.getElementById("id1");
    if (str.value == "") {
        str.focus();
        return;
    }
    var a = "ASCII Code is == >  ";
    document.getElementById("demo").innerHTML
        = a + str.value.charCodeAt(0);
}

Código final: el siguiente ejemplo es la combinación de los dos fragmentos de código anteriores.

<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <h2>
        GeeksForGeeks
    </h2>
    <h2>
        How to convert character to 
        ASCII code in JavaScript
    </h2>
  
    <script>
        function myFunction() {
            var str = document.getElementById("id1");
            if (str.value == "") {
                str.focus();
                return;
            }
            var a = "ASCII Code is == >  ";
            document.getElementById("demo").innerHTML
                = a + str.value.charCodeAt(0);
        }
    </script>
  
    <p>
        Enter any character:
        <input type="text" id="id1" 
            name="text1" maxLength="1">
    </p>
  
    <button onclick="myFunction()">
        Get ASCII code
    </button>
  
    <p id="demo" style="color:red;">
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:

  • Después de hacer clic en el botón:

    Navegadores compatibles:

    • Google Chrome
    • explorador de Internet
    • Firefox
    • Ópera
    • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *