You can add or insert in your web page using HTML Unicode.  Many characters or symbols that you often see in HTML pages have a unique code or a Decimal code.  You can easily insert these codes in your HTML page.  I’ll show you how you can add or insert a Smiley using JavaScript. 

A Smiley can be an icon.  However, you can also use a simple ASCII or a Unicode to insert a Smiley in your HTML page.  For example,

<html> <head> <title>Insert a Smiley</title> </head> <body style='font-size:30px;'> <div>Hello world &#9786; </div> </body> </html> Try it

Here's a that you can add in your web page. 

The Unicode or the Decimal code 9786, prefixed with , shows a white Smiley after the string Hello world.  It also has a hex code value &#x263A;. 

Now let’s see how you can use the above code dynamically inside your JavaScript code. 

<html> <head> <title>Insert a Smiley using JavaScript</title> </head> <body> <input type='button' value='Now Smile' onclick='smile()' /> <p id="msg" style='font-size:100px;'></p> </body> <script> function smile() { var msg = document.  getElementById ('msg'); msg.innerHTML = '&#9786;' ; } </script> </html> Try it

It is simple.  All you have to do is, assign the code &#9786 to the element. 

More Symbols using HTML Unicode

As I said in the beginning, there are many unique HTML codes for different symbols.  The script below shows many other interesting symbols in the Range 9728 and 10000. 

<html> <head> <title></title> </head> <body> <input type='button' value='More Characters' onclick ='showSymbols()' /> <p id="msg" style='font-size:50px;'></p> </body> <script> function showSymbols () { var msg = document.  getElementById ('msg'); msg.innerHTML = 'Smile ' + '&#9786;'; for (var i = 9728; i <= 10000; i++) { msg.innerHTML = msg.innerHTML + '<br />' + ' ' + i + '; ( ' + i + ' )'; } } </script> </html> Try it

That’s it.  Thanks for reading.  ☺

← PreviousNext →