Posted in Superbadge, Trailhead

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.


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


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

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s