Crear un bloc de notas usando HTML, CSS y JavaScript cómo plantear el código

[miguelito]

Hola, tengo que realizar un trabajo que os detallo. Tiene más detalles de los que pongo, pero quiero una idea para irmelo currando:

Tengo que hacer un bloc de notas

Listar las notas creadas; de no haber ninguna, la lista aparecerá vacía.

Mostrar un botón de “añadir nueva nota” que lanzará la ventana con el formulario de inserción.

Indicar el título y el cuerpo de texto para cada nota.

Muchas gracias

[DRANXZ88]

En que lenguaje o es un seudocodigo.

[miguelito]

hola, queria hacerlo html, css, javascript

[DRANXZ88]

Lo que podes usar como editor te recomiendo notepad++ porque en bloc de nota va a se muy difícil ademas notepad++ tiene mucha ayuda en este link te muestra como descargar e instalar notepd++
https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=457:descargar-e-instalar-notepad-como-editor-de-codigo-preparando-el-entorno-de-desarrollo-web-cu00708b&catid=69&Itemid=192
Y después si quere podes pasar en bloc de nota solo pegando los código.

[DRANXZ88]

Y la nota traerá de una base de datos o de un array o como es.

[miguelito]

gracias, lo que quiero es desarrollar "un bloc de notas"

[Kabuto]

Pero es que tu petición es muy genérica.
Vas a tener que dar datos más concretos, mostrar un HTML ya hecho que sirva como punto de partida, aclarar preguntas importantes como la que ha hecho DRANXZ88

¿Las notas se guardan en una base de datos?
¿Han de tener persistencia? Al cerrar el navegador, si luego cargamos la página otra vez, ¿han de aparecer las notas anteriormente creadas?
Porque en este caso hay que pensar en crear uan base de datos, como mínimo un XML sencillito

¿O no es necesario que persistan?

Yo personalmente, empezaría por crear el HTML y CSS simulando un "falso" bloc de notas, es decir, crear el "facade" (la fachada):
Titulo, texto, botón de añadir notas, y unas cuantas notas como si hubieran sido creadas.

Luego crearía el formulario para añadir notas, aunque al principio la información recogida no vaya a ninguna parte...

Teniendo ya eso funcionando, se puede usar como punto de partida para pensar el código JavaScript para recoger la información del formulario y crear nuevas "notas" en el "Bloc de Notas"

Supongo que cada nota, sera un div con texto dentro, o titulo de nota y texto...
Pues JavaScript tendrá que ir creando nuevos objetos div de este tipo con el texto recogido en el formulario.
Ejemplo genérico de como crear nuevos div

Código: [Seleccionar]

<script>
var divNota= document.createElement("div");
midiv.setAttribute("id","id para la nota");//Opcional... puede que no necesite un id
midiv.setAttribute("class","clase CSS para las notas");
midiv.innerHTML = "<p>Texto de la nota obtenida por formulario</p>";
document.body.appendChild(divNota); //Esto lo añade al body, o mejor aún...
document.getElementById('panelNotas').appendChild(divNota);//Esto lo añadiría a un supuesto div con id="panelNotas" que contendría las "Notas" que se vayan creando
</script>

Pero esto es lo último, lo primero es crear la web sin la funcionalidad JavaScript y tener ya diseñados esos div, con su CSS y tal..,