Skip to main content

Posts

Showing posts from March, 2018

JavaScript- How to get input from user and display it on browser?

We can do that by using the prompt() method. We can display whatever the input given by the user on browser by using innerHTML. for example: <!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < title > Getting Input </ title > </ head > < body > < button onclick= " myFunction () " > Click Here </ button > < p id= "myName" ></ p > < script > function myFunction () { var name = prompt ( "Please enter your name: " ) ; if ( name != null ){ document . getElementById ( "myName" ).innerHTML = "Hello " + name + ", How are you today?" ; } } </ script > </ body > </ html >   This will display a "Click Here" button on browser and if you click on it, then it will ask you to enter your name like below:  If the user enter his/her n...
Post a Comment
Read more

Huffman Coding Analysis

It is optimal code that is commonly used for lossless data compression (reduces file sizes). It uses greedy algorithms approach. Lossless means without loss of information. There are mainly two major parts in Huffman Coding 1) Build a Huffman Tree from input characters. 2) Traverse the Huffman Tree and assign codes to characters. Let's say we are considering a chart with few characters. Every char is 8 bits long. Now after Huffman Coding we get the chart like this: Character       Frequency     Occurance A                      1100                 4 B                      1101                 4 C                 ...
Post a Comment
Read more

JavaScript DOM

DOM (Document Object Model) connects web pages to programming languages. HTML DOM methods: are the actions we can perform on HTML elements, getElementById( id ) - get the element with a specified id getElementsByTagName( name ) - get all elements with a specified tag name appendChild( node ) - insert a child node to x removeChild( node ) - remove a child node from x  DOM properties:   DOM properties are values that we can set or change. innerHTML - the inner text value of x (a HTML element) nodeName - the name of x nodeValue - the value of x parentNode - the parent node of x childNodes - the child nodes of x attributes - the attributes nodes of  The getElementById Method: <!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < title > html DOM </ title > </ head > < body > < h1 id= "demo" ></ h1 > < script > document . getElementById (...
Post a Comment
Read more