LWC Specialist Superbadge : Challenge 5 Guide

This is not a complete solution for challenges, but will guide you when you are stuck! Read the superbadge page completely. Most of the challenges are interlinked and the text is not in the same order of the challenge.

For other challenges, visit the Guide to Challenges.

Challenge 5: Build the component boatTile

You need to create a new LWC Component boatTile. Copy the HTML, JS and CSS contents from the Superbadge page.

boatTile.html

This is very straight forward from the superbadge page. Just convert those texts to code. You need Heading tags and lightning-formatted-number.

boatTile.js

You need to declare two constants, change the property of the variables and backgroundStyle method returning the background-image:url() with the Picture__c variable from the boat variable.

tileClass method returns using ? Operation.. This or That 😉. Play with the constants.

selectBoat method dispatches the boatselect event.