scrimba
Frontend Career Path
Web dev basics
Solo Project: Hometown Homepage
Code Review by Guil Hernandez
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

Code Review by Guil Hernandez
AboutCommentsNotes
Code Review by Guil Hernandez
Expand for more info
index.js
run
preview
console
// javascript
let numEl = document.getElementById("num-el")
let lengthNum = document.getElementById("length-num")
let volumeNum = document.getElementById("volume-num")
let massNum = document.getElementById("mass-num")

function convert() {

// Meters to Feet
let metersToFeet = numEl.value * 3.28084
let feetToMeters = numEl.value / 3.28084
let metersToFeetValue = numEl.value + " meters = " + metersToFeet.toFixed(3) + " feet"
let feetToMetersValue = numEl.value + " feet = " + feetToMeters.toFixed(3) + " meters"
lengthNum.textContent = metersToFeetValue + " | " + feetToMetersValue

// Liters to Gallons
let litersToGallons = numEl.value * 0.26417
let gallonsToLiters = numEl.value / 0.26417
let litersToGallonsValue = numEl.value + " liters = " + litersToGallons.toFixed(3) + " gallons"
let gallonsToLitersValue = numEl.value + " gallons = " + gallonsToLiters.toFixed(3) + " liters"
volumeNum.textContent = litersToGallonsValue + " | " + gallonsToLitersValue

// Kilograms to Pounds
let kilogramsToPounds = numEl.value * 2.20462
let poundsToKilograms = numEl.value / 2.20462
let kilogramsToPoundsValue = numEl.value + " kilograms = " + kilogramsToPounds.toFixed(3) + " pounds"
let poundsToKilogramsValue = numEl.value + " pounds = " + poundsToKilograms.toFixed(3) + " kilograms"
massNum.textContent = kilogramsToPoundsValue + " | " + poundsToKilogramsValue
}
Console
/index.html
-3:59