File tree Expand file tree Collapse file tree 1 file changed +16
-0
lines changed
Expand file tree Collapse file tree 1 file changed +16
-0
lines changed Original file line number Diff line number Diff line change 1+ let petsImageUrls = {
2+ dog : "https://d2clawv67efefq.cloudfront.net/ccbp-dynamic-webapps/select-your-pet-dog-img.png" ,
3+ cat : "https://d2clawv67efefq.cloudfront.net/ccbp-dynamic-webapps/select-your-pet-cat-img.png" ,
4+ parrot : "https://d2clawv67efefq.cloudfront.net/ccbp-dynamic-webapps/select-your-pet-parrot-img.png" ,
5+ spider : "https://d2clawv67efefq.cloudfront.net/ccbp-dynamic-webapps/select-your-pet-spider-img.png" ,
6+ rabbit : "https://d2clawv67efefq.cloudfront.net/ccbp-dynamic-webapps/select-your-pet-rabbit-img.png"
7+ } ;
8+
9+ let petSelect = document . getElementById ( "petSelect" ) ;
10+ let petImg = document . getElementById ( "petImg" ) ;
11+
12+ petSelect . addEventListener ( "change" , function ( event ) {
13+ let selectedPet = event . target . value ;
14+ let selectedPetImgUrl = petsImageUrls [ selectedPet ] ;
15+ petImg . src = selectedPetImgUrl ;
16+ } ) ;
You can’t perform that action at this time.
0 commit comments