ice_breaking_challenge/templates/topic.html

{% extends 'base.html' %}

{% block content %}
  <h1 id="topic">주제가 여기에 표시됩니다</h1>

  <script>
    // 주제 업데이트 함수
    function updateTopic() {
      fetch('/get_topic')
        .then(response => response.json())
        .then(data => {
          document.getElementById('topic').textContent = data.topic;
        })
        .catch(error => console.error('Error fetching topic:', error));
    }

    // 페이지가 로드될 때 주제 업데이트
    updateTopic();

    // 20초마다 주제 업데이트
    setInterval(updateTopic, 20000);
  </script>
{% endblock %}