Modulus % of a division

We can get modulus of a any two numbers in JavaScript by using % . This gives us the reminder after a division. For example let us find out modulus of 23 and 5. Here is the sample.

var x=123%5;
Output is 3

Similarly the following code will give output of 0

var x=12%2;
Using this we can develop one application where alternate rows background color can be changed. We have seen how to display elements of an array here. Now by using modulus function we will make alternate array elements background colour to different one.

Here the variable i will have incremental numbers on each loop. By dividing it with 2 we will get reminder either zero or one alternately. So we can change the display of background colour by html span tag. Same way we can add each row background colour if we use a table to display elements.

Demo math modulus function

Here is the code
<script type="text/javascript"> 
function disp_data(){
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
var str="";
for (i=0;i<scripts.length;i++)
str += scripts[i] + "<br >" ;
str += "<span style='background-color: #FFFF00'>" + scripts[i] + "</span><br >";
document.getElementById("a2").innerHTML= str;

<input type=button value='Display Array' onClick='disp_data()';> 
<div id='a2'  style=" background-color: #c0f0c0; width:200" > Array elements</div>
Modulus is also called as modulo

Subscribe to our mailing list

* indicates required
Subscribe to plus2net
Visitors Rating
Your Rating


Post Comment This is for short comments only. Use the forum for more discussions.

Subscribe to our mailing list

* indicates required
Subscribe to plus2net
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us
©2000-2018 All rights reserved worldwide Privacy Policy Disclaimer