<center>https://erick777.timeets.com/wp-content/uploads/2018/11/4i88GgaV8qiFU89taP2MgKXzwntUGAvkoQiKU7VxyD37q91VH9ZucGKqEQUReHw4sgPdP1tv5utp5EahRZuz9E4pLTfrf3L3JfvV4cWrFcJWjs2SKPeNSD2D7L.jpg</center> <br/><div class="text-justify">

<center>

<b><i>
<a title="This link will take you away from steemit.com" href="https://pixabay.com/es/icono-archivo-extensi%C3%B3n-documento-3329995/" rel="noopener">Source</a> .

<img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmNmiAvDBvdmfJPWNSK9mPuZESqnUMMQd6Ht3xmkboMmNo/elquees.png" /><br/>
</i></b>
</center>
Greetings to all readers, I will show you today what is a simple alert message with Js (JavaScript) the message is very easy and simple to use. Now for those who do not know Js is a programming language on the client side, it allows us to create dynamic content.

</div>

<center></center>&nbsp;

<center><img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmNmiAvDBvdmfJPWNSK9mPuZESqnUMMQd6Ht3xmkboMmNo/elquees.png" /><br/></center>&nbsp;

<center>
<code>To start we create a document in our text editor I usually use sublimetext, you can use the one of your preference. </code><code>We open some of our previous html document that we have created or making one from 0 as we can visualize in the following photo.</code></center><img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmaWAxQV8HevcZrMb7iWPHpkBKMyUrc5zn6MPG9uSEqGei/foto1%20(1).png" alt="foto1 (1).png" /><br/>

<center><sub><i><b>At the end are the previous html courses I have done, if you do not have some document or do not know how to create them, do not hesitate to visit it and learn how to create an HTML document.</b></i></sub></center><center><img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmNmiAvDBvdmfJPWNSK9mPuZESqnUMMQd6Ht3xmkboMmNo/elquees.png" /><br/></center><center>
<code>We can also add some CSS styles to our page to give it a better look and structure.</code></center><img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmX1ZU7nFKFnEne1qt3APjaMTV5g4ojSvV1HqWjuUx4y2R/foto2.22.png" alt="foto2.22.png" /><br/>

<center><img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmNmiAvDBvdmfJPWNSK9mPuZESqnUMMQd6Ht3xmkboMmNo/elquees.png" /><br/></center>
<div class="text-justify">Now if what we are coming to, to place the message "Js" using "Alert" is very simple, we place the label<code> script type="text/javascript" </code>,followed by "Alert" <code>alert("Hello whales"); </code>and between the parentheses we place the message that we want to show in my case `"Hello whales"`and finally we end up closing the label <code>/script</code></div>
&nbsp;

<img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmYc3TzD4MumJ3iLT6RXK5SthPC9bvEPjNkKpB4VEvCmrj/lesha.jpg" alt="lesha.jpg" /><br/>

<center><sub><i><b>This shows us the message that we put on alert before opening our page...</b></i></sub></center>&nbsp;

<center><img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmNmiAvDBvdmfJPWNSK9mPuZESqnUMMQd6Ht3xmkboMmNo/elquees.png" /><br/></center>
<div class="text-justify">This has been all for today, I hope you have learned something from this tutorial any questions leave me in the comments that I will gladly answer and clarify all your questions.</div>
<img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmQuSXQWwrpZiFU8b88WZBLx8weMAuP7sHeoHYWRMtjdaV/modificado_11.png" alt="modificado_11.png" /><br/>

&nbsp;
<center><h3>Follow me on my social networks</h3>

![twitter.jpg](https://cdn.steemitimages.com/DQmfEeLLpb35u8pmkBuYju8jfoF6naZyVupgEnFfa4gzyg5/twitter.jpg) [Tw](https://twitter.com/erickperdomo6) ![facebook.jpg](https://steemitimages.com/DQmcy7C6NEHQXkuJJHDxYRXZZTQ5CkVSXtrqE5ez6VEY3r5/facebook.jpg) [Fb](https://www.facebook.com/erickperdomo777) ![instagram-logo-gif-9.jpg](https://steemitimages.com/DQmZogANMrgUTZybnXtoMZ87B9m1ZvHtGiV8YjXwFmtk8hp/instagram-logo-gif-9.jpg) [Ig](https://www.instagram.com/erickxavier1995)

</center>

<img src="https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmQuSXQWwrpZiFU8b88WZBLx8weMAuP7sHeoHYWRMtjdaV/modificado_11.png" alt="modificado_11.png" /><br/>

<center>
<center></center></center>
<center><h3>Previous Tutorials</h3>
&nbsp;
<table>
<thead>
<tr>
<th>Tutorial 1</th>
<th>Tutorial 2</th>
<th>Tutorial 3</th>
<th>Tutorial 4</th>
<th>Tutorial 5</th>
<th>Tutorial 6</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://steemit.com/spanish/@erick777/learningwebpagedesignhtmlintroduction-pr07qtc1xv">Introduction</a></td>
<td><a href="https://steemit.com/steempress/@erick777/learningwebpagedesignhtmlparagraphstitlesandlabels-wa5dfmhgog">Paragraphs, titles and labels</a></td>
<td><a href="https://steemit.com/technology/@erick777/learningwebpagedesignhtmltableandlists-eobj1p3eys">Tables and lists</a></td>
<td><a href="https://steemit.com/steempress/@erick777/learningwebpagedesignhtmlcreationofforms-xqbqk2b6g5">Forms</a></td>
<td><a href="https://steemit.com/steemprees/@erick777/learnhowtodesignyourownhtmltutorialwebpage5howtolinkacssdocumentwithhtml-9vkxgqintw">Link a css document with html</a></td>
<td><a href="https://steemit.com/computing/@erick777/learnhowtodesignyourownhtmltutorialwebpage6drop-downmenu-7r4ckv6g6u">drop-down menu</a></td>
</tr>
</tbody>
</table>
&nbsp;
<h3><code>All images are screenshots of my property, except the one that is specified.</code></h3>
&nbsp; <br /><center><hr/><em>Posted from my blog with <a href='https://wordpress.org/plugins/steempress/'>SteemPress</a> : https://erick777.timeets.com/2018/11/09/how-to-place-an-alert-message-with-javascript-web-design-6/ </em><hr/></center>