Explorer
project
index.css
index.html
index.js
Dependencies
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
/*
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)