rower-website/public/js/kitchenAppliances.js

A web server which access the PM5 rowing machine over usb and displays the wattage value.

const kitchenAppliances = [
    { name: 'Refrigerator', wattage: 150, imageUri: '/images/fridge.jpg' },
    { name: 'Microwave', wattage: 1200, imageUri: '/images/microwave.jpg' },
    { name: 'Coffee Maker', wattage: 900, imageUri: '/images/coffeeMachine.jpg' },
    { name: 'Toaster', wattage: 800, imageUri: '/images/toaster.jpg' },
    { name: 'Blender', wattage: 500, imageUri: '/images/blender.png' },
    { name: 'Kettle', wattage: 1800, imageUri: '/images/kettle.jpg' },
    { name: 'Rice Cooker', wattage: 400, imageUri: '/images/riceCooker.jpg' },
    { name: 'Sandwich Maker', wattage: 800, imageUri: '/images/sandwichMaker.jpg' },
];

// Sort appliances by wattage in ascending order
kitchenAppliances.sort((a, b) => a.wattage - b.wattage);

const leftColumn = document.querySelector(".left-column");

kitchenAppliances.forEach(appliance => {
    const img = document.createElement("img");
    img.src = appliance.imageUri;
    img.alt = appliance.name;
    leftColumn.appendChild(img);

    // Create a paragraph element to display the appliance name
    const p = document.createElement("p");
    p.textContent = appliance.name;
    leftColumn.appendChild(p);
});