Greetings, friends, time without writing herein (to call it somehow) my new hobby of programming. In my last post I commented that in the first project I'm going to do (a web page) I was going to add CSS design, well, today I want to say that due to the progress I've had I will be able to do it in a more complete way since I will integrate Javascript code.
I think it is appropriate to discuss here the interesting thing about this integration, which will allow me to give more life to my first web page, as well as to the successful projects that I want to build and share little by little.
Javascript gives life to any project, first, because it is a programming language itself, that is, unlike HTML and CSS, its codes help us to build instructions that instruct the computer to perform a particular action, so applications, Web pages, etc. are born and developed.
Secondly, Javascript gives life because it provides interactivity to our projects, that is, thanks to the instructions that we program we make it possible that any user can get one or more results following a certain action, in other words, we give dynamism to our project to go from being something only well structured (HTML) and with good presentation (CSS) to something that is also flexible and efficient for the intended purpose.
Saludos, amigos, tiempo sin escribir por aquí en (por llamarlo de alguna manera) mi nuevo hobby de la programación. En mi último post comentaba que en un primer proyecto que voy a hacer (una página web) iba a añadirle diseño CSS, pues bien, hoy quiero decir que debido al avance que he tenido voy a poder hacerlo de manera más completa, ya que le integrare código JavaScript.
Me parece oportuno por eso tratar aquí lo interesante de esta integración, la cual me permitirá darle mayor vida a mi primera página web, igual que a los sucesivos proyectos que quiero poco a poco ir construyendo y compartiendo.
JavaScript da vida a cualquier proyecto, en primer lugar, porque es un lenguaje de programación propiamente dicho, es decir, a diferencia de HTML y CSS sus códigos nos ayudan a construir instrucciones que ordenan a la computadora realizar una acción determinada, así nacen y se desarrollan las aplicaciones, las páginas Webs, etc.
En segunda lugar, JavaScript da vida porque proporciona interactividad a nuestro proyectos, es decir, gracias a las instrucciones que programamos hacemos posible que cualquier usuario pueda obtener uno o más resultados siguiendo una acción determinada, en otras palabras le otorgamos dinamismo a nuestro proyecto para que pase de ser algo sólo bien estructurado (HTML) y con buena presentación (CSS) a algo que también sea flexible y eficiente para los fines previstos.
Source
Here I leave a small example where what I want to show is how manipulating certain tags from the interface any user can get different results. So, first of all, I structured in HTML the tags to use: a button and a text box.
Aquí dejo un pequeño ejemplo donde lo que quiero mostrar es como manipulando ciertas etiquetas desde la interfaz cualquier usuario puede obtener diversos resultados. Por eso, en primer lugar, estructuré en HTML las etiquetas a usar: un botón y un cuadro de texto.
Then, a small design according to the purpose we are pursuing here, which is that the user can change the background color of the page by clicking on a button, as well as the font size of the text we write in the box created. We did this with CSS like this:
Luego, un pequeño diseño según el propósito que perseguimos aquí, que es que el usuario pueda cambiar el color del fondo de la página dándole a un botón, así como el tamaño de letra del texto que escribamos en el cuadro creado. Esto lo hicimos con CSS así:
Finally, we programmed our little code to achieve what we were looking for, for this we followed a process of declaring variables, selecting elements, assigning events, and creating functions.
Finalmente, programamos nuestro pequeño código para lograr lo que buscábamos, para esto seguimos un proceso de declaración de variables, selección de elementos, asignación de eventos y creación de funciones.
Here is the full code.
Thank you very much for having accompanied me in the reading of this post, wishing you always the best and that we can meet again in the next publication, I say goodbye, see you later.
Muchas gracias por haberme acompañado en la lectura de este post, espero tus comentarios y que nos podamos volver a encontrar en una próxima publicación, hasta luego.
- Traducido con www.DeepL.com/Translator || Translated with www.DeepL.com/Translator
