116 lines
3.0 KiB
JavaScript
116 lines
3.0 KiB
JavaScript
document.addEventListener('DOMContentLoaded', init);
|
|
|
|
list_id = [0, 0, 0, 0, 0];
|
|
|
|
function init() {
|
|
create_star_field(100);
|
|
document.querySelectorAll('input[name="spaceship"]').forEach(radio => {
|
|
radio.addEventListener('change', update_score);
|
|
});
|
|
//myForm.password.addEventListener('change', check_password);
|
|
//myForm.spaceship.addEventListener('change', update_score);
|
|
document.querySelectorAll('svg').forEach(function (svg) { svg.addEventListener('click', printClicked) });
|
|
|
|
}
|
|
|
|
function create_star_field(n)
|
|
{
|
|
for (let i = 0; i < n; i++)
|
|
{
|
|
create_star();
|
|
}
|
|
}
|
|
|
|
function create_star()
|
|
{
|
|
|
|
const x = Math.floor(Math.random() * window.innerWidth);
|
|
const y = Math.floor(Math.random() * window.innerHeight);
|
|
|
|
const star = document.createElement('particle');
|
|
|
|
document.body.appendChild(star);
|
|
|
|
star.style.position = 'absolute';
|
|
star.style.opacity = '1';
|
|
star.style.zIndex = '-1';
|
|
|
|
const size = Math.round(Math.random() * 5);
|
|
|
|
star.style.height = `${size}px`;
|
|
star.style.width = `${size}px`;
|
|
|
|
star.style.background = '#ffffff';
|
|
|
|
star.style.left = `${x}px`;
|
|
star.style.top = `${y}px`;
|
|
}
|
|
|
|
function check_password(e) {
|
|
return
|
|
}
|
|
|
|
function check_username(e) {
|
|
return
|
|
}
|
|
|
|
function printClicked(e) {
|
|
const planet_id = e.currentTarget.id;
|
|
const svg_element = e.currentTarget;
|
|
|
|
planet_index = planet_id[planet_id.length - 1] - 1
|
|
if (list_id[planet_index] == 1) {
|
|
svg_element.querySelectorAll("path")[0].setAttribute("stroke", "#ffffff");
|
|
svg_element.querySelectorAll("path")[0].setAttribute("stroke-width", "2");
|
|
list_id[planet_index] = 0;
|
|
|
|
}
|
|
else {
|
|
svg_element.querySelectorAll("path")[0].setAttribute("stroke", "#ff0000f0");
|
|
svg_element.querySelectorAll("path")[0].setAttribute("stroke-width", "0.4vw");
|
|
list_id[planet_index] = 1;
|
|
}
|
|
|
|
update_score()
|
|
}
|
|
|
|
function update_score() {
|
|
planet_sum = document.getElementById("planetensum");
|
|
dauer_sum = document.getElementById("dauersum");
|
|
kosten_sum = document.getElementById("kostensum");
|
|
|
|
current_sum = 0;
|
|
id_sum = 0;
|
|
|
|
|
|
for (let a = 0; a < 5; a++) {
|
|
if (list_id[a] == 1) {
|
|
current_sum += 1;
|
|
id_sum += a + 1;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
dauer_sum.textContent = Math.round(id_sum / 2) + "y";
|
|
//dauer_sum.textContent += "d";
|
|
|
|
planet_sum.textContent = current_sum;
|
|
let rocket_factor = 1.0;
|
|
let rocket_selected = document.querySelectorAll("form")[0].spaceship.value;
|
|
switch (rocket_selected) {
|
|
case "rocket1": rocket_factor = 1.5; break;
|
|
case "rocket2": rocket_factor = 0.75; break;
|
|
case "rocket3": rocket_factor = 2.5; break;
|
|
default: rocket_factor = 0; break;
|
|
}
|
|
|
|
kosten_sum.textContent = Math.round(id_sum * rocket_factor) + "M$";
|
|
|
|
document.getElementById("planete").value = planet_sum.textContent;
|
|
document.getElementById("dauer").value = dauer_sum.textContent;
|
|
document.getElementById("kosten").value = kosten_sum.textContent;
|
|
}
|
|
|
|
|