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.
One thought on “LWC Specialist Superbadge : Challenge 5 Guide”