/* package whatever; // don't place package name! */
import java.util.*;
import java.lang.*;
import java.io.*;
/* Name of the class has to be "Main" only if the class is public. */
class Ideone
{
{
// your code goes here
}
}
LyogcGFja2FnZSB3aGF0ZXZlcjsgLy8gZG9uJ3QgcGxhY2UgcGFja2FnZSBuYW1lISAqLwoKaW1wb3J0IGphdmEudXRpbC4qOwppbXBvcnQgamF2YS5sYW5nLio7CmltcG9ydCBqYXZhLmlvLio7CgovKiBOYW1lIG9mIHRoZSBjbGFzcyBoYXMgdG8gYmUgIk1haW4iIG9ubHkgaWYgdGhlIGNsYXNzIGlzIHB1YmxpYy4gKi8KY2xhc3MgSWRlb25lCnsKCXB1YmxpYyBzdGF0aWMgdm9pZCBtYWluIChTdHJpbmdbXSBhcmdzKSB0aHJvd3MgamF2YS5sYW5nLkV4Y2VwdGlvbgoJewoJCS8vIHlvdXIgY29kZSBnb2VzIGhlcmUKCX0KfQ==
Jmx0OyFET0NUWVBFIGh0bWwmZ3Q7CiZsdDtodG1sIGxhbmc9JnF1b3Q7amEmcXVvdDsmZ3Q7CiZsdDtoZWFkJmd0OwombHQ7bWV0YSBjaGFyc2V0PSZxdW90O1VURi04JnF1b3Q7Jmd0OwombHQ7dGl0bGUmZ3Q744OG44K544OI56+E5Zuy566h55CG44K144Kk44OIJmx0Oy90aXRsZSZndDsKJmx0O3N0eWxlJmd0Owpib2R5IHsKICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsKICBiYWNrZ3JvdW5kOiAjZjRmNGY0OwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQouY29udGFpbmVyIHsKICBiYWNrZ3JvdW5kOiB3aGl0ZTsKICBwYWRkaW5nOiAyMHB4OwogIG1hcmdpbjogNDBweCBhdXRvOwogIHdpZHRoOiAzMDBweDsKICBib3JkZXItcmFkaXVzOiAxMHB4Owp9CmlucHV0LCBidXR0b24gewogIG1hcmdpbjogMTBweDsKICBwYWRkaW5nOiA4cHg7Cn0KLnByb2dyZXNzIHsKICBiYWNrZ3JvdW5kOiAjZGRkOwogIGhlaWdodDogMjBweDsKICBib3JkZXItcmFkaXVzOiAxMHB4Owp9Ci5iYXIgewogIGhlaWdodDogMjBweDsKICBiYWNrZ3JvdW5kOiAjNGNhZjUwOwogIHdpZHRoOiAwJTsKICBib3JkZXItcmFkaXVzOiAxMHB4Owp9CiZsdDsvc3R5bGUmZ3Q7CiZsdDsvaGVhZCZndDsKCiZsdDtib2R5Jmd0OwoKJmx0O2RpdiBjbGFzcz0mcXVvdDtjb250YWluZXImcXVvdDsmZ3Q7CiZsdDtoMiZndDvjg4bjgrnjg4jnr4Tlm7LnrqHnkIYmbHQ7L2gyJmd0OwoKJmx0O3AmZ3Q744OG44K544OI5pelJmx0Oy9wJmd0OwombHQ7aW5wdXQgdHlwZT0mcXVvdDtkYXRlJnF1b3Q7IGlkPSZxdW90O3Rlc3REYXRlJnF1b3Q7Jmd0OwoKJmx0O3AmZ3Q76ZaL5aeL44Oa44O844K4Jmx0Oy9wJmd0OwombHQ7aW5wdXQgdHlwZT0mcXVvdDtudW1iZXImcXVvdDsgaWQ9JnF1b3Q7c3RhcnRQYWdlJnF1b3Q7Jmd0OwoKJmx0O3AmZ3Q757WC5LqG44Oa44O844K4Jmx0Oy9wJmd0OwombHQ7aW5wdXQgdHlwZT0mcXVvdDtudW1iZXImcXVvdDsgaWQ9JnF1b3Q7ZW5kUGFnZSZxdW90OyZndDsKCiZsdDticiZndDsKJmx0O2J1dHRvbiBvbmNsaWNrPSZxdW90O2NhbGN1bGF0ZSgpJnF1b3Q7Jmd0O+ioiOeUu+S9nOaIkCZsdDsvYnV0dG9uJmd0OwoKJmx0O2gzIGlkPSZxdW90O3Jlc3VsdCZxdW90OyZndDsmbHQ7L2gzJmd0OwoKJmx0O2RpdiBjbGFzcz0mcXVvdDtwcm9ncmVzcyZxdW90OyZndDsKICAmbHQ7ZGl2IGNsYXNzPSZxdW90O2JhciZxdW90OyBpZD0mcXVvdDtiYXImcXVvdDsmZ3Q7Jmx0Oy9kaXYmZ3Q7CiZsdDsvZGl2Jmd0OwoKJmx0O2J1dHRvbiBvbmNsaWNrPSZxdW90O2RvbmUoKSZxdW90OyZndDvku4rml6Xjga7liIbntYLkuoYmbHQ7L2J1dHRvbiZndDsKCiZsdDsvZGl2Jmd0OwoKJmx0O3NjcmlwdCZndDsKbGV0IGRhaWx5ID0gMDsKbGV0IHRvdGFsID0gMDsKbGV0IGRvbmVEYXlzID0gMDsKbGV0IGRheXMgPSAwOwoKZnVuY3Rpb24gY2FsY3VsYXRlKCkgewogIGNvbnN0IHRlc3REYXRlID0gbmV3IERhdGUoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJnF1b3Q7dGVzdERhdGUmcXVvdDspLnZhbHVlKTsKICBjb25zdCB0b2RheSA9IG5ldyBEYXRlKCk7CgogIGNvbnN0IHN0YXJ0ID0gTnVtYmVyKGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O3N0YXJ0UGFnZSZxdW90OykudmFsdWUpOwogIGNvbnN0IGVuZCA9IE51bWJlcihkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgmcXVvdDtlbmRQYWdlJnF1b3Q7KS52YWx1ZSk7CgogIHRvdGFsID0gZW5kIC0gc3RhcnQgKyAxOwoKICBjb25zdCBkaWZmID0gdGVzdERhdGUgLSB0b2RheTsKICBkYXlzID0gTWF0aC5jZWlsKGRpZmYgLyAoMTAwMCAqIDYwICogNjAgKiAyNCkpOwoKICBpZiAoZGF5cyAmbHQ7PSAwKSB7CiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgmcXVvdDtyZXN1bHQmcXVvdDspLmlubmVyVGV4dCA9ICZxdW90O+aXpeS7mOODn+OCueOBo+OBpuOCiyZxdW90OzsKICAgIHJldHVybjsKICB9CgogIGRhaWx5ID0gTWF0aC5jZWlsKHRvdGFsIC8gZGF5cyk7CgogIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCZxdW90O3Jlc3VsdCZxdW90OykuaW5uZXJUZXh0ID0KICAgICZxdW90OzHml6UgJnF1b3Q7ICsgZGFpbHkgKyAmcXVvdDsg44Oa44O844K46YCy44KB44KI44GGJnF1b3Q7OwoKICBkb25lRGF5cyA9IDA7CiAgdXBkYXRlQmFyKCk7Cn0KCmZ1bmN0aW9uIGRvbmUoKSB7CiAgZG9uZURheXMrKzsKICB1cGRhdGVCYXIoKTsKfQoKZnVuY3Rpb24gdXBkYXRlQmFyKCkgewogIGxldCBwZXJjZW50ID0gKGRvbmVEYXlzIC8gZGF5cykgKiAxMDA7CiAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJnF1b3Q7YmFyJnF1b3Q7KS5zdHlsZS53aWR0aCA9IHBlcmNlbnQgKyAmcXVvdDslJnF1b3Q7Owp9CiZsdDsvc2NyaXB0Jmd0OwoKJmx0Oy9ib2R5Jmd0OwombHQ7L2h0bWwmZ3Q7Cgo=
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>テスト範囲管理サイト</title>
<style>
body {
font-family: sans-serif;
background: #f4f4f4;
text-align: center;
}
.container {
background: white;
padding: 20px;
margin: 40px auto;
width: 300px;
border-radius: 10px;
}
input, button {
margin: 10px;
padding: 8px;
}
.progress {
background: #ddd;
height: 20px;
border-radius: 10px;
}
.bar {
height: 20px;
background: #4caf50;
width: 0%;
border-radius: 10px;
}
</style>
</head>
<body>
<div class="container">
<h2>テスト範囲管理</h2>
<p>テスト日</p>
<input type="date" id="testDate">
<p>開始ページ</p>
<input type="number" id="startPage">
<p>終了ページ</p>
<input type="number" id="endPage">
<br>
<button onclick="calculate()">計画作成</button>
<h3 id="result"></h3>
<div class="progress">
<div class="bar" id="bar"></div>
</div>
<button onclick="done()">今日の分終了</button>
</div>
<script>
let daily = 0;
let total = 0;
let doneDays = 0;
let days = 0;
function calculate() {
const testDate = new Date(document.getElementById("testDate").value);
const today = new Date();
const start = Number(document.getElementById("startPage").value);
const end = Number(document.getElementById("endPage").value);
total = end - start + 1;
const diff = testDate - today;
days = Math.ceil(diff / (1000 * 60 * 60 * 24));
if (days <= 0) {
document.getElementById("result").innerText = "日付ミスってる";
return;
}
daily = Math.ceil(total / days);
document.getElementById("result").innerText =
"1日 " + daily + " ページ進めよう";
doneDays = 0;
updateBar();
}
function done() {
doneDays++;
updateBar();
}
function updateBar() {
let percent = (doneDays / days) * 100;
document.getElementById("bar").style.width = percent + "%";
}
</script>
</body>
</html>