blog/convertir-cadena-a-mayuscula-o-minuscula-en-javascript

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

Por Yal Publicidad


Publicado el Jue 23 de Abril del 2020 a las 2:52



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();
	}
}

 


Deja un comentario:
Buscar
Acerca de Nosotros
@yalpublicidad Agencia de publicidad online. 19 años de experiencia en el diseño y desarrollo de imagen e identidad corporativa de tu empresa...