Using Python(FastAPI) / Jinja2
<!-- index.html -->
<body>
<div>
{% for chat in chats %}
<div>{{ chat.contents }}</div>
<button
onClick=getId(chat.id) ❌
>
print this chat_id out
</button>
{% endfor %}
</div>
...
<script>
function getId(id){
console.log(id)
}
</script>
</body>How Can I get the ChatId
- Let's create a button
make the button to print the chatId on the console when click event occurs
- but just putting
chat.idin the event properties does not work.
- So we have to put the
chat.idin HTMLButtonElement as theErrorsays.
<!-- index.html -->
<body>
<div>
{% for chat in chats %}
<div>{{ chat.contents }}</div>
<button
id={{chat.id}} ✅
onClick=getId(id) ✅
>
print this chat_id out
</button>
{% endfor %}
</div>
...
<script>
function getId(id){
console.log(id)
}
</script>
</body>- As in the example, put
{{chat.id}}obratined byJinja Loopintoid, you have to putidin the event property.
But you can not write this,
<button
id=getChatIdBtn
name={{chat.id}} ❌
onClick=getId(name) ❌
>you can get nothing.
끝
if you write on right element.
🙋♂️ 타란~
BEAT A SHOTGUN