Consejos

Cómo elevar al cuadrado un número en JavaScript

Hoy vamos a aclarar»Cómo elevar al cuadrado un número en JavaScriptTenga en cuenta que los números se pueden proporcionar como constantes asignadas a variables o dinámicamente mediante un formulario.

Escribiremos un programa JavaScript general para elevar al cuadrado cualquier número, ya sea positivo o negativo. Empecemos.

El primer paso es escribir la sintaxis básica de un programa JavaScript. JavaScript generalmente se encuentra en la etiqueta principal de un documento HTML.

sintaxis de JavaScript

Por lo tanto, lo usaremos dentro de la etiqueta principal en lugar del cuerpo. JavaScript comienza con Etiqueta. La sintaxis básica es la siguiente.

<html>
<head>
<script>
...........................
</script>
</head>
<body>
</body>
</html>

Crear una función que eleve un número al cuadrado en JavaScript

podemos directamente texto etiqueta, pero es mejor crear una Característica y escriba el código dentro para su reutilización.

Las funciones de JavaScript se declaran con el nombre de la función seguido de la función. La sintaxis general de la función JS se ve así:

function functionName(parameter1, parameter2)
{
    function body;
}

Si escribimos la función Cuadrado, comenzará con Palabras clave «función», su nombre puede ser arbitrario, pero es mejor usar un nombre que se explique por sí mismo, usaremos el nombre «cuadrado «.

function Square(parameter1, parameter2)
{
    function body;
}

En sintaxis básica, damos dos argumentos, que pueden ser un número arbitrario si es necesario.

Los argumentos son valores que se pasan a una función para procesarla y devolver el resultado después de un cálculo.

Sin embargo, nuestro objetivo es crear una función que acepte un argumento y devuelva el valor cuadrado de un número.

Será más fácil para nosotros si tratamos de entenderlo a partir de un ejemplo de la vida real. Queremos poner un número al cuadrado.

¿Qué debe proporcionar el cálculo? Nada más que un número. La función también puede verse como una máquina que toma algo, lo procesa y genera algo.

En este caso, la función tomará número como entrada, procesarlo y salida cuadrado número. Entonces, después de escribir los parámetros para nuestra función, la función se verá así:

function Square(number)
{
    function body;
}

Ahora la palabra clave Característica Dile a JavaScript que esta parte del código es una función cuadrado es el nombre de la función que elegimos para esta función, que se entiende mejor.

Los paréntesis se expresan como () Contiene el valor que le dimos a la función del proceso y también le dimos un nombre Cambio Porque puede haber diferentes valores.

Aquí nombramos a la variable como número Porque esto se explica por sí mismo; de lo contrario, puede tener todo Entonces tenemos frenos Expresado como {}; Simplemente envuelven el cuerpo de la función.

Cuerpo La función e es solo un código que hace algo con un valor. Hasta ahora hemos discutido todas las partes de las funciones JS, ahora aprenderemos en detalle sobre los cuerpos funcionales.

Cuando obtenemos un número cuadrado, ¿qué debemos hacer o imaginar cuando le damos un número a una calculadora tipo máquina?

Qué debe hacer La calculadora recibe datos del usuario y devuelve el valor tan pronto como se presiona el botón dibujar.

Aquí usaremos el lenguaje JavaScript para hacer lo mismo. Veamos qué sucede cuando se inicia la función de JavaScript. al comienzo de una función cuando el compilador lee el código.

Ya sabemos Característica La palabra clave simplemente le dice a este código que es una función seguida del nombre de la función seguido de un número Los corchetes deben ser procesados ​​y finalmente el cuerpo del código entre llaves.

El papel del compilador

Cuando el compilador comienza a leer el código, obtiene la primera llave y luego encuentra un número almacenado en una variable número sigue trabajando.

como cuadrar numeros

Ignoremos la programación por un momento y pensemos en cómo elevar al cuadrado el número o la media. Cuando el número se multiplica por el propio número, se obtiene un valor cuadrado.

Por lo tanto, podemos simplemente definirlo Número cuadrado = número multiplicado por el mismo número.

Cómo multiplicar en JavaScript

Entonces JavaScript expresa la multiplicación simbólicamente * Entonces la afirmación anterior es verdadera Número al cuadrado = número * número.

esta aquí, = El símbolo se denomina operador de asignación y se le asigna un valor de derecha a izquierda, ya sea un único valor constante, una variable o una expresión.

Primero se evaluará la expresión y luego se asignará a la variable de la izquierda. Espero que ahora que entendemos el concepto básico de los números cuadrados, podamos aplicarlo en JavaScript. El código se verá así:

function Square(number)
{
    var Square;
    Square = number * number;
    return Square;
}

Cómo simplificar la sintaxis de JavaScript

Simplifiquemos el fragmento de código anterior. Lo que hacemos en línea opción cuadrada; De hecho, hemos declarado una variable para almacenar el cuadrado del número deseado.

Luego asignamos el cuadrado mediante el uso de la declaración cuadrado = número * número; Tenga en cuenta que cada expresión de JavaScript termina con un punto y coma.

Puede hacer una pregunta en la última línea. ¿Qué es? el propósito de uso volver a la plaza;? Devolvemos almacenados en cuadrado variable por función.

Así como le damos algo a una máquina, la máquina devuelve algo en una forma diferente. Así como alimentamos el molino con grano, así nos alimenta con harina.

Aquí los granos son variables. número Le damos a la función y nos devolverá el valor almacenado en la variable cuadrado, Este es el cuadrado del número dado. Veamos todo el programa en código HTML.

<html>
<head>
<script>
function Square(number)
{
    var Square;
    Square = number * number;
    return Square;
}
document.getElementById("square").innerHTML = Square(4);
</script>
</head>
<body>
<p id ="square"></p>
</body>
</html>

document.getElementById («cuadrado»).innerHTML = Cuadrado (4); , esta línea en realidad se refiere al elemento HTML IDENTIFICACIÓN «cuadrado» y cambiar su contenido al resultado de la función.

En este estado, aún no podemos ver el cambio en el navegador porque declaramos la función en el encabezado, pero estamos tratando de cambiar el contenido de la etiqueta HTML.

en el cuerpo.

El navegador lee el código de izquierda a derecha, de arriba a abajo, por lo que al leer la línea document.getElementById («cuadrado»).innerHTML = Cuadrado (4); no conoce la etiqueta con id «cuadrado».

Una solución simple es mover la parte de JavaScript al final del código. . Hagámoslo.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p id="demo"></p>
</body>
</html>
<script>
function square(number) {
  var square;
  square = number * number;
  return square;
}
document.getElementById("demo").innerHTML = square(5);
</script>.

El resultado de elevar al cuadrado un número en JS

El resultado es 25 porque el número dado es 5 y este número se puede cambiar para obtener resultados diferentes si es necesario.

Entonces, en este artículo aprendimos Cómo elevar al cuadrado un número en JavaScriptEspero que le sea útil.

Deja una respuesta

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

Botón volver arriba