0

Llevo un tiempo teniendo programación informática como asignatura en el bachillerato. Hasta ahora solo hemos dado como lenguaje de programación JavaScript. Lo hacíamos mediante khan academy y era algo más bien orientado a lo visual. Hoy me he puesto a trastear un poco y he encontrado el visual studio code como nuevo entorno de desarrollo (yo había estado usando hasta ahora eclipse para aprender algo de Java de forma autodidacta). La cuestión es que al no encontrar ninguna opción en este programa para poder ver el avance de mi código (ni en consola ni de forma visual). He encontrado una forma de hacerlo, y es introducirlo dentro de un código html y verlo a través de la web.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1er programa</title>
</head>
<body>
    <script> 
ellipse(100,100,100,100);
    </script>
</body>
</html>

Ese es el ejemplo con el que yo he intentado probar si funcionaba. Presupongo que esto html no funcionará así ya que es un idioma que desconozco por completo. Pero me gustaría saber si puedo utilizar este método para hacer lo que yo quería (que era simplemente ver representado mi código de JavaScript, quiero decir, no estoy interesado en el html (aun)) y si no puedo, cual es la solución para poder representarlo.

12
  • no queda claro cual es la duda
    – user75901
    el 16 ene. 2019 a las 22:34
  • La duda es que si yo abro la página de index del html, no me sale la elipse, que e slo que yo he puesto a modo de prueba para ver si funcionaba ¿por qué sucede esto? el 16 ene. 2019 a las 22:35
  • Y ¿tengo alguna forma de probar código de javascript de forma visual sin depdender de html? esas son mis dudas el 16 ene. 2019 a las 22:36
  • si, puedes abrir la consola del navegador presionando F12, posterior hacer lo siguiente console.log("Hola Mundo") lo escribes en la consola y podrás ver el resultado, es decir dentro de console.log debes pasar lo que deseas se imprima
    – user75901
    el 16 ene. 2019 a las 22:38
  • Y si lo que quiero que se imprima es un código entero de javascript que ha hecho un dibujo a base de elipses por ejemplo? el 16 ene. 2019 a las 22:41

1 respuesta 1

0

@albertok999 bienvenido a esta comunidad, fíjate en el siguiente link, bastaría con hacer esto:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1er programa</title>
</head>
<body>
<canvas id="canvas" width="200" height="200"></canvas>
<script> 
    const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');
    ctx.beginPath();
    ctx.ellipse(100, 100, 50, 75, Math.PI / 4, 0, 2 * Math.PI);
    ctx.stroke();
</script>
</body>
</html>

Puedes ver el resultado acá: JSFiddle. Espero te ayude.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.