scrimba
Michael Larocca's Scrimba Code Reviews
Ryan: Unit converter (Solo Project)
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Ryan: Unit converter (Solo Project)
AboutCommentsNotes
Ryan: Unit converter (Solo Project)
Expand for more info
index.js
run
preview
console
/*
1 meter = 3.281 feet
1 liter = 0.264 gallon
1 kilogram = 2.204 pound
*/

const conversionInputEl = document.getElementById("conversion-input");
const convertUnitsBtn = document.getElementById("convert-units-btn");

function renderUnits() {
// const regex = /^[0-9]+$/;

if(conversionInputEl.value) {
// console.log(regex.test(conversionInputEl.value));
// if(regex.test(conversionInputEl.value)) {
convertLength();
convertVolume();
convertMass();
// document.getElementById("alert").textContent = "";
// } else {
// console.log("Please enter numbers only");
// document.getElementById("alert").textContent = "Please enter numbers only";
// }
}
}

function convertLength() {
const oneMetreInFeet = 3.281;
const metresToFeet = (conversionInputEl.value * oneMetreInFeet).toFixed(2);
const feetToMetres = (conversionInputEl.value / oneMetreInFeet).toFixed(2);
document.getElementById("lengthEl").textContent = `${conversionInputEl.value} metres = ${metresToFeet} feet | ${conversionInputEl.value} feet = ${feetToMetres} metres`;
}

function convertVolume() {
const oneLitreInGallons = 0.264;
const litresToGallons = (conversionInputEl.value / oneLitreInGallons).toFixed(2);
const gallonsToLitres = (conversionInputEl.value * oneLitreInGallons).toFixed(2);
document.getElementById("volumeEl").textContent = `${conversionInputEl.value} litres = ${litresToGallons} gallons | ${conversionInputEl.value} gallons = ${gallonsToLitres} litres`;
}

function convertMass() {
const oneKiloInPounds = 2.204;
const kiloToPounds = (conversionInputEl.value * oneKiloInPounds).toFixed(2);
const poundsToKilos = (conversionInputEl.value / oneKiloInPounds).toFixed(2);
document.getElementById("massEl").textContent = `${conversionInputEl.value} kilos = ${kiloToPounds} pounds | ${conversionInputEl.value} pounds = ${poundsToKilos} kilos`;
}


convertUnitsBtn.addEventListener("click", renderUnits)
Console
/index.html
-5:32