<!DOCTYPE html>
<html>
<head>
<title>Quiz</title>
<link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet">
<?!= HtmlService.createHtmlOutputFromFile('css').getContent() ?>
</head>
<body>
<div id="quizContainer" class="container">
<div class="title">แบบทดสอบ</div>
<div id="question" class="question"></div>
<label class="option"><input type="radio" name="option" value="1" /><span id="opt1"></span></label>
<label class="option"><input type="radio" name="option" value="2" /><span id="opt2"></span></label>
<label class="option"><input type="radio" name="option" value="3" /><span id="opt3"></span></label>
<label class="option"><input type="radio" name="option" value="4" /><span id="opt4"></span></label>
<button id="nextButton" class="next-btn" onclick="loadNextQuestion();">ข้อถัดไป</button>
</div>
<div class="reset"><button id="reset" style="display:none;" class="next-btn" onclick="reset();">เริ่มใหม่</button></div>
<div id="result" class="container result" style="display:none;">
</div>
<?!= HtmlService.createHtmlOutputFromFile('question').getContent() ?>
<?!= HtmlService.createHtmlOutputFromFile('js').getContent() ?>
</body>
</html>
แชร์โค้ดทำแบบทดสอบ web app : html
Tags:
แชร์โค้ด