Contenido

• etapas
• Parte 1 Comprender el código
• Parte 2 Escribe el código básico de la calculadora
• Parte 3 Creando la calculadora
• Parte 4 Usando la calculadora

En este artículo: Comprenda el código Escriba el código básico de la calculadora Cree la calculadora Use la calculadora 11 Referencias

Hay muchas maneras de hacer cálculos en su computadora usando la calculadora incorporada, pero también puede crear los suyos usando solo código HTML. Para hacer esto, debe aprender los conceptos básicos de HTML antes de copiar el código necesario en un archivo e que guarde con extension.html. Luego, simplemente abra el archivo en su navegador favorito para acceder a la calculadora. Esta técnica le permite hacer cálculos directamente en su navegador mientras aprende los conceptos básicos del arte de la programación de computadoras.

etapas

Parte 1 Comprender el código

1. 
   

   
   Comprende cómo funciona el código. El código que usará para crear la calculadora se basa en pequeñas piezas de código que funcionan entre sí para definir diferentes elementos del documento. Puede obtener más información sobre HTML haciendo clic en este enlace o puede leer qué hace cada línea en el código que va a utilizar para la calculadora.
   • html: este fragmento de código indica al resto del documento el idioma utilizado. Se utilizan muchos lenguajes de programación diferentes y la etiqueta indica al resto del documento que esta vez es HTML lo que está utilizando.
   • cabeza : esto le dice al documento que la siguiente información son datos también llamados "metadatos". La etiqueta se usa generalmente para definir elementos estilísticos del documento, como el título, encabezados, etc. Es como un paraguas bajo el cual se define el resto del código.
   • título : Este es el título que le dará al documento. Esta etiqueta se utiliza para mostrar el título del documento una vez que se abre en el navegador.
   • cuerpo bgcolor = "#" : Establece un color de fondo para el documento. El número que aparece después de la nitidez corresponde a un color predeterminado.
   • = '' : La palabra entre comillas indica el color de la e en el documento.
   • nombre del formulario = "" : Este atributo indica el nombre del formulario que se usará para la estructura de lo que viene después para que JavaScript pueda saber qué formulario se está hablando. Por ejemplo, el nombre del formulario que usaremos es "calculadora" que creará la estructura específica del documento.
   • tipo de entrada = "" : aquí es donde tendrá lugar la acción. El atributo "tipo de entrada" le dice al documento el tipo de valor para la e en el resto de los corchetes. Por ejemplo, podría ser e, una contraseña, un botón (como será para nuestra calculadora), y así sucesivamente.
   • value = "" : Este atributo le dice al documento qué contendrá el atributo "tipo de entrada". Para una calculadora, mostrará los números del 1 al 9 y los signos aritméticos (+, -, *, /, =).
   • onclick = "" : Este código describe un evento que le dice al documento que algo debe suceder cuando se activa el botón. Para una calculadora, desea mostrar el número que corresponde al botón que ha presionado el usuario. Por ejemplo, si el botón 6 está habilitado, desea poner document.calculator.in.value + = 6 entre comillas.
   • br : es una etiqueta que indica un salto de línea, todo el resto del código que viene a continuación aparecerá una línea debajo.
   • / form, / body y / html Estas etiquetas de cierre le dicen al navegador que las etiquetas que abrió anteriormente están ahora terminadas y cerradas.

Parte 2 Escribe el código básico de la calculadora

Copie el código a continuación. Seleccione la e debajo manteniendo presionado el cursor desde la esquina superior izquierda del cuadro y arrastrándolo a la esquina inferior derecha para que toda la e aparezca azul. Luego presione "Comando + C" en una Mac o "Ctrl + C" en una PC para copiar la e.

El resultado es

Parte 3 Creando la calculadora

1. 
   

   
   
   
   Abra un archivo e en la computadora. Hay muchos programas que puede usar, pero en aras de la calidad, se recomienda usar Editar o Bloc de notas.
   • En una Mac, simplemente haga clic en la lupa en la parte superior derecha de la pantalla para abrir Spotlight. Una vez abierto, escriba editar y haga clic en el programa que debe seleccionarse en azul.
   • En una PC, haga clic en el botón comienzo abajo a la izquierda. En la barra de búsqueda, escriba bloc y haga clic en la aplicación que debería aparecer en los resultados.

2. 
   

   
   Pegue el código HTML en el documento.
   • En una Mac, simplemente haga clic en el cuerpo del documento y presione "Comando + V". Luego debe hacer clic en formato en la parte superior de la pantalla y luego en Ver en e simple después de pegar el código.
   • En una PC, haga clic en el cuerpo del documento y pegue el código presionando "Ctrl + V".

3. 
   

   
   Guarda el archivo. Solo haz clic en el botón expediente en la parte superior izquierda de la ventana y luego en Guardar como... en una PC o Guardar ... en una Mac en el menú desplegable que aparece.

4. 
   

   
   Agregue la extensión HTML. Una vez en el menú, escriba el nombre del archivo seguido de ".html" antes de hacer clic registro. Por ejemplo, si desea llamar a este archivo "mi primera calculadora", puede asignarle el nombre "MyPremierCalculette.html".

Parte 4 Usando la calculadora

1. 
   

   
   Encuentra el archivo HTML. Simplemente escriba el nombre del archivo en Spotlight en Mac o en la barra de búsqueda del menú Inicio de Windows. No es necesario escribir la extensión del archivo.

2. 
   

   
   Haga clic en él para abrirlo. Su navegador predeterminado debería abrir la calculadora en una nueva pestaña.

3. 
   

   
   Haga clic en los botones para usarlo. Los resultados de sus cálculos deben aparecer en la barra provista para este propósito.