jQuery 101: Basic examples

Simple examples of selecting based on class and id of elements, binding a function to the click event, and changing css through jQuery.

HTML

<input id="output"></input>

<h1 id="test"></h1>

CSS

body {
   background-color: #eef; 
   padding: 5px;   
}

JavaScript

var generatedNumbers = [];

function generateRandomNumber(precision) { // precision --> number precision in integer 
    if (precision <= 20) {
        var randomNum = Math.round(Math.random().toFixed(precision) * Math.pow(10, precision));
        if (generatedNumbers.indexOf(randomNum) > -1) {
            if (generatedNumbers.length == Math.pow(10, precision))
                return "Generated all values with this precision";
				return generateRandomNumber(precision);
        } else {
            generatedNumbers.push(randomNum);
            return randomNum;
        }
    } else
	   return "Number Precision shoould not exceed 20";
}

grn = 0;

function randomItem() {
	var grn = [3,5,10];
  return grn[Math.floor(Math.random() * grn.length)];
}

document.getElementById('test').innerHTML=grn;

$("#output").val(generateRandomNumber(grn));