Wednesday 10 May 2017

js variable

<!DOCTYPE html>
<html>
<body>


<!--
vist this site for artimetic options
https://www.w3schools.com/js/js_arithmetic.asp


vist this site for assignment of operators
https://www.w3schools.com/js/js_assignment.asp
 -->



<h2>JavaScript Variables</h2>

<p>The result of adding 2 + 3 </p>
<p id="demo1a"></p>
<p>just declearing the var y; then print y it will display as undefined</p>

<p id="demo1b"></p>


<p>The result of adding "5"+ 2 + 3    if first oprand to be added as string then treat all the following oprand as string</p>

<p id="demo2"></p>


<p>The result of adding 2 + 3 + "5":</p>

<p id="demo3"></p>


<p>string concatination methode 1</p>

<p id="demo4"></p>



<p>string concatination methode 2</p>

<p id="demo5"></p>

<p>string concatination methode 3</p>

<p id="demo6"></p>

<script>
var x =  2 + 3 ;
var y;
document.getElementById("demo1a").innerHTML = x;
document.getElementById("demo1b").innerHTML = y;


var x =  "5"+ 2 + 3 ;
document.getElementById("demo2").innerHTML = x;

var x =  2 + 3 +"5" ;
document.getElementById("demo3").innerHTML = x;

var fn="vishnu"+" "+"yardini";
document.getElementById("demo4").innerHTML=fn;

var fn="vishnu",ln="yardini";
document.getElementById("demo5").innerHTML=fn+" " + ln;

var txt1 = "What a very ";
txt1 += "nice day";
document.getElementById("demo6").innerHTML = txt1;

</script>

</body>
</html>


No comments:

Post a Comment