El método incorporado toUpperCase() devuelve el valor de la string de llamada convertido a mayúsculas en el javascript. Este método no afecta a ninguno de los caracteres especiales, dígitos y alfabetos que ya están en mayúsculas.
Sintaxis:
String.prototype.toUpperCase()
Enfoque: Este es un archivo HTML simple. En el cuerpo, hay dos etiquetas p, una con texto de identificación en el que se escribe algún contenido y luego hay un botón con el que se asocia una función y se llamará en el evento al hacer clic con el mouse. Dentro de la etiqueta del script, hay algo de código js, en la primera línea estamos extrayendo la string de la etiqueta p con id ‘texto’ y luego dentro de la función clickHandler() que eventualmente se llamará cuando alguien haga clic en el botón asociado . Esta función contiene una llamada al método toUpperCase() mediante la string denominada myString. Al final, simplemente estamos poniendo el resultado en la etiqueta p con el texto de identificación.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<body>
<p>
The text written below will be converted
to Upper Case after clicking on Button
</p>
<p id="text">Hello, GeeksforGeeks Learner!!</p>
<button onclick="clickHandler()">
Click Here
</button>
<script>
let myString = document.getElementById("text").innerHTML;
const clickHandler = () => {
let result = myString.toUpperCase();
document.getElementById("text").innerHTML = result;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por mrtwinklesharma y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA