<!DOCTYPE html>
<html lang=“de“>
<head>
<meta charset=“UTF-8″>
<meta name=“viewport“ content=“width=device-width, initial-scale=1.0″>
<title>Gründerpreis Bewertung</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.form-section {
margin-bottom: 20px;
}
.result-section {
margin-top: 40px;
}
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 10px;
text-align: left;
}
</style>
</head>
<body>
<h1>Gründerpreis Nordwest 2024 – Bewertung</h1>
<form id=“ratingForm“>
<div class=“form-section“>
<label for=“juror“>Jurymitglied:</label>
<input type=“text“ id=“juror“ name=“juror“ required>
</div>
<div class=“form-section“>
<label for=“application“>Antragsnummer:</label>
<input type=“text“ id=“application“ name=“application“ required>
</div>
<div class=“form-section“>
<label>Wirtschaftliche Bedeutung (1-10):</label>
<input type=“number“ id=“economic“ name=“economic“ min=“1″ max=“10″ value=“4″>
</div>
<div class=“form-section“>
<label>Innovation (1-10):</label>
<input type=“number“ id=“innovation“ name=“innovation“ min=“1″ max=“10″ value=“4″>
</div>
<div class=“form-section“>
<label>Gründermut (1-10):</label>
<input type=“number“ id=“courage“ name=“courage“ min=“1″ max=“10″ value=“4″>
</div>
<div class=“form-section“>
<label>Soziales Engagement (1-5):</label>
<input type=“number“ id=“social“ name=“social“ min=“1″ max=“5″ value=“2″>
</div>
<div class=“form-section“>
<label>Sonstiges (1-5):</label>
<input type=“number“ id=“other“ name=“other“ min=“1″ max=“5″ value=“2″>
</div>
<button type=“submit“>Bewertung absenden</button>
</form>
<div class=“result-section“>
<h2>Bewertungen</h2>
<table id=“resultsTable“>
<thead>
<tr>
<th>Jurymitglied</th>
<th>Antragsnummer</th>
<th>Wirtschaftliche Bedeutung</th>
<th>Innovation</th>
<th>Gründermut</th>
<th>Soziales Engagement</th>
<th>Sonstiges</th>
<th>Gesamtpunkte</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<script>
const form = document.getElementById(‚ratingForm‘);
const resultsTableBody = document.getElementById(‚resultsTable‘).querySelector(‚tbody‘);
const ratings = [];
form.addEventListener(’submit‘, function(event) {
event.preventDefault();
const juror = document.getElementById(‚juror‘).value;
const application = document.getElementById(‚application‘).value;
const economic = parseInt(document.getElementById(‚economic‘).value);
const innovation = parseInt(document.getElementById(‚innovation‘).value);
const courage = parseInt(document.getElementById(‚courage‘).value);
const social = parseInt(document.getElementById(’social‘).value);
const other = parseInt(document.getElementById(‚other‘).value);
const total = economic + innovation + courage + social + other;
const rating = {
juror,
application,
economic,
innovation,
courage,
social,
other,
total
};
ratings.push(rating);
displayRatings();
form.reset();
});
function displayRatings() {
resultsTableBody.innerHTML = “;
ratings.forEach(rating => {
const row = document.createElement(‚tr‘);
row.innerHTML = `
<td>${rating.juror}</td>
<td>${rating.application}</td>
<td>${rating.economic}</td>
<td>${rating.innovation}</td>
<td>${rating.courage}</td>
<td>${rating.social}</td>
<td>${rating.other}</td>
<td>${rating.total}</td>
`;
resultsTableBody.appendChild(row);
});
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang=“de“>
<head>
<meta charset=“UTF-8″>
<meta name=“viewport“ content=“width=device-width, initial-scale=1.0″>
<title>Gründerpreis Bewertung</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
.form-section {
margin-bottom: 20px;
}
.result-section {
margin-top: 40px;
}
table {
width: 100%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 10px;
text-align: left;
}
</style>
</head>
<body>
<h1>Gründerpreis Nordwest 2024 – Bewertung</h1>
<form id=“ratingForm“>
<div class=“form-section“>
<label for=“juror“>Jurymitglied:</label>
<input type=“text“ id=“juror“ name=“juror“ required>
</div>
<div class=“form-section“>
<label for=“application“>Antragsnummer:</label>
<input type=“text“ id=“application“ name=“application“ required>
</div>
<div class=“form-section“>
<label>Wirtschaftliche Bedeutung (1-10):</label>
<input type=“number“ id=“economic“ name=“economic“ min=“1″ max=“10″ value=“4″>
</div>
<div class=“form-section“>
<label>Innovation (1-10):</label>
<input type=“number“ id=“innovation“ name=“innovation“ min=“1″ max=“10″ value=“4″>
</div>
<div class=“form-section“>
<label>Gründermut (1-10):</label>
<input type=“number“ id=“courage“ name=“courage“ min=“1″ max=“10″ value=“4″>
</div>
<div class=“form-section“>
<label>Soziales Engagement (1-5):</label>
<input type=“number“ id=“social“ name=“social“ min=“1″ max=“5″ value=“2″>
</div>
<div class=“form-section“>
<label>Sonstiges (1-5):</label>
<input type=“number“ id=“other“ name=“other“ min=“1″ max=“5″ value=“2″>
</div>
<button type=“submit“>Bewertung absenden</button>
</form>
<div class=“result-section“>
<h2>Bewertungen</h2>
<table id=“resultsTable“>
<thead>
<tr>
<th>Jurymitglied</th>
<th>Antragsnummer</th>
<th>Wirtschaftliche Bedeutung</th>
<th>Innovation</th>
<th>Gründermut</th>
<th>Soziales Engagement</th>
<th>Sonstiges</th>
<th>Gesamtpunkte</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<script>
const form = document.getElementById(‚ratingForm‘);
const resultsTableBody = document.getElementById(‚resultsTable‘).querySelector(‚tbody‘);
const ratings = [];
form.addEventListener(’submit‘, function(event) {
event.preventDefault();
const juror = document.getElementById(‚juror‘).value;
const application = document.getElementById(‚application‘).value;
const economic = parseInt(document.getElementById(‚economic‘).value);
const innovation = parseInt(document.getElementById(‚innovation‘).value);
const courage = parseInt(document.getElementById(‚courage‘).value);
const social = parseInt(document.getElementById(’social‘).value);
const other = parseInt(document.getElementById(‚other‘).value);
const total = economic + innovation + courage + social + other;
const rating = {
juror,
application,
economic,
innovation,
courage,
social,
other,
total
};
ratings.push(rating);
displayRatings();
form.reset();
});
function displayRatings() {
resultsTableBody.innerHTML = “;
ratings.forEach(rating => {
const row = document.createElement(‚tr‘);
row.innerHTML = `
<td>${rating.juror}</td>
<td>${rating.application}</td>
<td>${rating.economic}</td>
<td>${rating.innovation}</td>
<td>${rating.courage}</td>
<td>${rating.social}</td>
<td>${rating.other}</td>
<td>${rating.total}</td>
`;
resultsTableBody.appendChild(row);
});
}
</script>
</body>
</html>