Callback Function Demo

Demonstrates simple use of Callback funcitons

by Rich Costello

HTML

A:
<input type="text" id="varA" />
<br/>B:
<input type="text" id="varB" />
<br/>
<input type="button" id="screen" value="Display On Screen" />
<input type="button" id="alert" value="Display In Alert" />
<br/>
<div id="result"></div>

JavaScript

var DisplayInDiv = function (dolarosa) {
    $('#result').html('Demonstrates display in div: ' +dolarosa);
};

var DisplayInAlert = function (dolarosa) {
    alert('Demonstrates display in alert: ' + dolorosa);
};

$('#screen').click(function () {
    var a = $('#varA').val();
    var b = $('#varB').val();
    multiply(a, b, DisplayInDiv);
});

$('#alert').click(function () {
    var a = Number($('#varA').val());
    var b = Number($('#varB').val());
    multiply(a, b, DisplayInAlert);
});

function multiply(a, b, display) {
    var c = a * b;
    display(c);
}