album

things on this website

lloyds bank

me and ahmed at lloyds bank.

calculator

add, subtract, multiply or divide two numbers.

try it

age groups

sorts an age into child, teenager or adult with an if statement.

try it

fizzbuzz

1 to 100 in a for loop, laid out in three columns.

try it

times table

if statement, for loop, operators and jquery in one form.

try it

const mathsResult = document.getElementById('mathsresult');

function getNums() {
    return [
        parseFloat(document.getElementById('num1').value),
        parseFloat(document.getElementById('num2').value)
    ];
}

function add() { const [a, b] = getNums(); mathsResult.innerText = a + b; }
function sub() { const [a, b] = getNums(); mathsResult.innerText = a - b; }
function mul() { const [a, b] = getNums(); mathsResult.innerText = a * b; }
function div() { const [a, b] = getNums(); mathsResult.innerText = a / b; }

function ageCheck() {
    const ageInput = parseInt(document.getElementById('age').value);
    let ageText;

    if (isNaN(ageInput)) { ageText = "Enter a number."; }
    else if (ageInput < 13) { ageText = "You are a child."; }
    else if (ageInput < 20) { ageText = "You are a teenager."; }
    else { ageText = "You are an adult."; }

    ageGroupResult.innerText = ageText;
}

const p = document.getElementById("fizzbuzzoutput")

for (let i = 1; i <= 100; i++) {
    if (i % 15 == 0) { p.append("FizzBuzz"); p.append(document.createElement('br')); }
    else if (i % 3 == 0) { p.append("Fizz"); p.append(document.createElement('br')); }
    else if (i % 5 == 0) { p.append("Buzz"); p.append(document.createElement('br')); }
    else { p.append(i); p.append(document.createElement('br')); }
}

$("#tableform").on("submit", function (event) {
    event.preventDefault();

    const num = parseFloat($("#tablenum").val());
    const output = $("#tableoutput");
    output.empty();

    if (num > 0) { $("#signresult").text(num + " is positive."); }
    else if (num < 0) { $("#signresult").text(num + " is negative."); }
    else { $("#signresult").text("Zero is neither positive nor negative."); }

    for (let i = 1; i <= 10; i++) {
        output.append($("<div>").text(num + " x " + i + " = " + (num * i)));
    }

    output.hide().slideDown();
});