special-waddle

Restyling a basic counter app with an additional refresh button as part of scrimba front-end course

Feature

Making basic calculations: increment, save and refresh while showing the results after each count

Try it yourself here!

Learning Purpose

• Manipulate HTML to generate Text with JavaScript
• Using the document method: getElementById
• Use of assignment operators

Goals

• Coding an extra button to refresh the page
• Making the app responsive for all devices
• Layout rework for better accessibility

Example

// Code away!
function save() {
    let countStr = count + " - " 
    saveEl.innerText += countStr
    countEl.textContent = 0
    count = 0
}