JavaScript: Convertir Cadena a Mayúscula o Minúscula

el
Para convertir una cadena de texto en mayúsculas y minúsculas en JavaScript existe la función toUpperCase() y toLowerCase()...
En este tutorial veremos dos funciones que nos ayudará a convertir una cadena en mayúscula o minúscula, según sea el caso requerido.

Función toUpperCase()

Con esta función podemos convertir una cadena en mayúscula
function convertir_mayuscula(){
 cadena = 'Texto De Prueba'; 
 cadena = cadena.toUpperCase(); 
 alert( cadena );
}

Función toLowerCase()

Con esta función podemos convertir una cadena en mayúscula
function convertir_mayuscula(){
 cadena = 'Texto De Prueba'; 
 cadena = cadena.toLowerCase()(); 
 alert( cadena );
}

EJEMPLO PRÁCTICO

Ahora veremos un ejemplo práctico de como aplicar éstas funciones a un campo de texto input:
HTML
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Ejemplo 1</title>
  </head>
  <body>

 <form>
  <div>
   <input type="text" id="strCadena" onkeyup="mayusculas(this);">
  </div>
  <div>
   <input type="radio" id="ckOpcion" value="1"> Forzar Mayúscula<br />
   <input type="radio" id="ckOpcion" value="2"> Forzar Minúscula
  </div>
 </form>

  </body>
</html>

JS
function mayusculas(e) {
    if( document.getElementById("ckOpcion").value == 1 ){
  e.value = e.value.toUpperCase();
 }else{
  e.value = e.value.toLowerCase();
 }
}

Fuente: https://www.yalpublicidad.com/blog/convertir-cadena-a-mayuscula-o-minuscula-en-javascript

Yal Publicidad
Yuri Lizama A.

Comentarios

Publicar un comentario