Andrew Burkus sugiere codepen.io, que es genial, otro quizás incluso más conocido es JSfiddle Crear un nuevo violín, la pantalla se divide en cuatro paneles. HTML, Javascript, CSS y la ‘salida’
Entonces, en el panel HTML, puede poner algo como
En el panel JS puede poner algo como
- ¿Qué es una buena aplicación de reserva con una buena API para usar con angular?
- ¿Cuál es la forma más rápida de crear un sitio web basado en CRUD?
- ¿Cuál es la mejor empresa de diseño web en dehradun?
- WordPress: ¿Cuáles son los pasos recomendados para mover un WordPress de una instalación anterior en un servidor a una nueva en un servidor nuevo?
- ¿Cómo protegemos un sitio web de los raspadores de datos que son principalmente comerciales?
var myMessage = “Hola Richard”
var el = document.getElementById (‘mensaje’);
el.innerHTML = myMessage;
ahora presione ejecutar y verá Hello Richard en el panel inferior izquierdo.
JS Fiddle le permite usar bibliotecas conocidas como jQuery si hace clic en el botón de configuración de JavaScript en el panel de Javascript. y seleccione ‘jQuery 2.2.4 del menú MARCOS Y EXTENSIONES
Puede cambiar su código de JavaScript para que se vea así:
var myMessage = “Hola Richard”
$ (‘# mensaje’). html (myMessage);
o incluso
$ (‘# mensaje’). html (“Hola Richard”);
Si solo quieres jugar con cosas en tu computadora, una forma simple sería crear una carpeta (tal vez en tu escritorio) y en el bloc de notas crear tres archivos:
index.html
myjsfile.js
mycss.css
en su archivo index.html copie esto:
En myjsfile.js copia esto:
función runOnLoad () {
var myMessage = “Hola Richard”
var el = document.getElementById (‘mensaje’);
el.innerHTML = myMessage;
}
y en mycss.css puedes copiar esto:
cuerpo{
font-family: sans-serif;
tamaño de fuente: 20px;
}
Ahora suelte index.html en su navegador (use Chrome)
Debería ver Hello Richard mostrado por último en el menú de Chrome, elija ver> desarrollador> herramientas de desarrollador
Verá aparecer una nueva ventana que le permite explorar el resultado de sus tres archivos.
Desde aquí puede depurar su javascript, incluso puede ejecutar javascript desde la consola. En la consola puede escribir (y luego presionar Intro):
document.getElementById (‘mensaje’). innerHTML = “Gracias Rich”;