script.js

let count = 0; // Initialisation

function tickUp() {
    count++; // Adds 1
    document.getElementById('counter').innerText = count;
}

function tickDown() {
    count--; // Subtracts 1
    document.getElementById('counter').innerText = count;
}

function runForLoop() {
    let result = "";
    for (let i = 0; i <= count; i++) {
        result += i + " "; // Add the number and a space to a string
    }
    document.getElementById('forLoopResult').innerText = result;
}

function showOddNumbers() {
    let result = "";
    for (let i = 1; i <= count; i++) {
        if (i % 2 !== 0) { // The % (modulo) checks if there is a remainder
            result += i + " ";
        }
    }
    document.getElementById('oddNumberResult').innerText = result;
}

function addMultiplesToArray() {
    let multiples = [];
    // Start at count, go down to 5, jumping by 1 each time
    for (let i = count; i >= 5; i--) {
        if (i % 5 === 0) {
            multiples.push(i); // Add to the array
        }
    }
    console.log(multiples); // Prints the actual array object
}

function loadCar(carNum) {
    // We choose which global variable to use based on the button number
    let selectedCar;
    if (carNum === 1) selectedCar = carObject1;
    if (carNum === 2) selectedCar = carObject2;
    if (carNum === 3) selectedCar = carObject3;

    // Put the object data into the input fields
    document.getElementById('carType').value = selectedCar.cType;
    document.getElementById('carMPG').value = selectedCar.cMPG;
    document.getElementById('carColor').value = selectedCar.cColor;
}

function printCarObject() {
    // This creates a NEW object based on whatever you typed in the boxes
    let customCar = {
        type: document.getElementById('carType').value,
        mpg: document.getElementById('carMPG').value,
        color: document.getElementById('carColor').value
    };
    console.log(customCar);
}

function changeColor(choice) {
    const p = document.getElementById('styleParagraph');
    if (choice === 1) p.style.color = "red";
    if (choice === 2) p.style.color = "green";
    if (choice === 3) p.style.color = "blue";
}