Spaces:

yunzi7
/

icebreaking

Runtime error

merge

c90fe2b 7 months ago

1.2 kB

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Random Topic Recommendation</title>
	<style>
	body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	font-family: Arial, sans-serif;
	}
	h1 {
	font-size: 2em;
	color: #333;
	}
	</style>
	</head>
	<body>
	<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>
	</body>
	</html>