introduccion creacion web


 primero buscamos en google visual studio code 

luego descargamos el visual studio code en el primer link que aparece 


despues de eso entramos en el link y le damos en download for windows o download


despues de descargar aceptamos todos los pasos para poder usar el visual studio code
ya que aceptemos los terminos y condiciones del programa entramos al visual studio code 



despues le damos en file new file y ahi crearemos el codigo 
 
y despues meteremos el codigo para trabajar con html en java scrip



antes que nada debemos tener una carpeta ya creada para poder guardar el codigo para que se pueda visualizar el codigo en google 

ya despues le damos en save as y le colocamos al archivo index.html y ya lo guardariamos

ya cuando tenemos el archivo lo seleccionamos y aparecera lo siguiente





y en la consola lo siguiente 

para acceder en la consola se usa F12 o FN + F12


































descripción
 Primero que todo volvimos a crear el código , lego cambiamos el titulo y se le puso clase de java después se coloco console.log
entre paréntesis se puso bienvenido a java scrip entre comillas y cerramos paréntesis despues var se escribió velocidad es igual a 
0 distancia es igual a 0 y tiempo es igual a 0 después distancia igual a 100 punto y coma tiempo igual a 20 punto y coma y velocidad 
es igual a distancia sobre tiempo  ya terminando se escribió alert abrimos paréntesis entre comillas la velocidad es cerramos comillas 
mas velocidad km/h ya cerramos COMANDO 
Por terminar le damos control s se cierra se abre la carpeta la cual se llama operaciones s se ejecuta y ya aparece nuestros resultados 
y damos por terminado 

MRU CON INTEXFAX GRAFICA
descripcion
para realizar este codigo volvimos se puso input para que nos ingresara la distancia en metros entre comillas lo mismo se hizo 
pero para que se ingresara el tiempo en segundos lo mismo entre comillas se volvio a poner input tipe entre comillas buttom value 
entre comillas calcular velocidad cerramos comillas se puso var distancia es igual a document cerramos lo mismo var tiempo igual a 
distancia console entre parentesis distancia y lo mismo en tiempo control s cerramos verificamos y terminamos
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>clase de   javascript</title>
</head>
<body>
    <input type="text" id="distancia" placeholder="ingrese distancia en metros ">
    <br>
    <input type="text" id="tiempo" placeholder="ingrese tiempo en segundos ">
    <br>
<input type="button"  value="calcular velocidad" onclick="calcularvelocidad()" >

    <script>
        function calcularvelocidad()
    {
        console.log("funcion calculo velocidad");
        var distancia =document.getElementById("distancia").value;
        var tiempo =document.getElementById("tiempo").value;
        console.log(distancia);
        console.log(tiempo);
      var velocidad=distancia/tiempo;
      alert("la velocidad es "+velocidad+"m/s")
    }
console.log("bienvenido a java scrip");
var velocidad=0, distancia=0, tiempo=0
distancia=100;
tiempo=20;
velocidad=distancia/tiempo;
alert("la velocidad es "+velocidad+"km/h");
</script>
   
</body>
</html>




Comentarios

Entradas más populares de este blog

Menu desplegable

reto web

Ciclo While con java script