Flag of Ukraine
SymfonyCasts stands united with the people of Ukraine
TRACK

Symfony 7 >

COURSE

30 Days with LAST Stack >

CHAPTER

Turbo Streams: Update any Element

Buy Access to Course
Next Chapter

Challenge #1 of 1

Q: 

Our project has a little widget that shows the number of active users:

<body>
    <div id="active-users-count">{{ activeUsersTotal }} active</div>
    <!-- other code -->
</body>

How can we create a Turbo Stream that will update the number of active users?

a) 
<turbo-stream action="replace" target="active-users-count">
    <div id="active-users-count">{{ activeUsersTotal }} active</div>
</turbo-stream>
b) 
<turbo-stream action="update" target="active-users-count">
    <template>
        <div id="active-users-count">{{ activeUsersTotal }} active</div>
    </template>
</turbo-stream>
c) 
<turbo-stream action="replace" target="active-users-count">
    <template>
        {{ activeUsersTotal }} active
    </template>
</turbo-stream>
d) 
<turbo-stream action="replace" target="active-users-count">
    <template>
        <div id="active-users-count">{{ activeUsersTotal }} active</div>
    </template>
</turbo-stream>
Rewatch Video
userVoice