ADOPTA MASCOTAS

W3School

Editor de código en línea de W3Schools, puede editar HTML, CSS y JavaScript y ver el resultado en el navegador.
La ventana de la izquierda es editable: Se puede editar el código, al hacer clic en el botón "Ejecutar" se obtiene el resultado en la ventana de la derecha.
Puede controlar el tamaño de una ventana de codigo / resultado arrastrando la barra divisora.

ADVERTENCIA : No presenta los errores generados por los scripts.
Es obligatorio utilizar try/catch para interceptar los errores. En la parte inferior de esta pagina esta disponible un codigo ejemplo con error e interceptor de errores.

Editor OneCompile

Sitio para acceder al editor One Compiler

OneCompiler es de uso completamente gratuito. Puede escribir, ejecutar y compartir código en línea sin ninguna restricción.
Los usuarios registrados pueden acceder a un panel de control de la cuenta donde pueden ver todo su historial de programación, lo que facilita su consulta en el futuro. También tienen la opción de mantener su trabajo en privado.

PlayCode

Sitio para acceder al editor PlayCode

Editor de código en línea de PlayCode, puede editar HTML, CSS y JavaScript y ver el resultado en el navegador.
Puede presentar/ocultarse la ventana de consola de JavaScript.

NotePad ++

Sitio para descargar Notepad ++ version 8.6.7

Notepad++ es una herramienta de software gratuita, versátil y potente que es esencial en el mundo del desarrollo de software. Este programa de código abierto, desarrollado por Don Ho, es mucho más que un simple bloc de notas. Ofrece funciones avanzadas de edición y herramientas de desarrollo imprescindibles.

DETALLE A CONSIDERAR : Solo es editor de codigo. Se requiere de Chrome / Edge para interpretar HTML y ejecutar los scripts.

Visual Studio Code

Sitio para descargar Visual Studio Code

Version en linea de Visual Studio Code

VS Code es un editor de código fuente moderno que admite muchas funcionalidades practicas a la hora de trabajar con el código.

DETALLE A CONSIDERAR : Solo es editor de codigo. Se requiere de Chrome / Edge para interpretar HTML y ejecutar los scripts.

Codigo base para realizar pruebas con ejemplo de try/catch

              
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body style="background-color:black;color:white;">

<h1>Encabezado</h1>
<p>Parrafo</p>
  <script>
  try
  {// codigo del script que causara error 
      alertA("");
  }
  catch(e)
  {// Seccion para interceptar los errores 
    alert("Error interceptado ["+ e.message+"]"); 
    
  }
  </script>
</body>
</html>