body {
fontfamily: Arial, sansserif;
lineheight: 1.6;
margin: 20px;
}
h1 {
textalign: center;
}
form {
maxwidth: 500px;
margin: 0 auto;
}
input[type="number"] {
width: 100%;
padding: 10px;
margin: 10px 0;
}
button {
width: 100%;
padding: 10px;
backgroundcolor: 007bff;
color: fff;
border: none;
cursor: pointer;
}
.result {
margintop: 20px;
padding: 20px;
backgroundcolor: f0f0f0;
}
document.getElementById('rankForm').addEventListener('submit', function(event) {
event.preventDefault();
const totalApplicants = parseInt(document.getElementById('totalApplicants').value);
const yourRank = parseInt(document.getElementById('yourRank').value);
const estimatedRank = Math.round((yourRank / totalApplicants) * 100);
document.getElementById('estimatedRank').innerText = `您的排名大约在前 ${estimatedRank}%`;
document.getElementById('resultContainer').style.display = 'block';
});