Witam, chciałbym wykonać prosty generator treści. Dopiero zaczynam swoją przygodę z JS, więc napisany skrypt który jest strasznie prymitywny - ale działa. Niemniej mam problem z instrukcją If:
<!DOCTYPE html>
<html>
<head>
<title>Generator</title>
</head>
<body>
Zadanie 1: <input id="zad1">
Zadanie 2: <input id="zad2">
Zadanie 3: <input id="zad3">
Zadanie 4: <input id="zad4">
<button id="klikniecie">Wygeneruj</button>
<hr>
<div id="wynik"></div>
<script>
function generator() {
var zmiennaA = document.getElementById('zad1').value;
var zmiennaB = document.getElementById('zad2').value;
var zmiennaC = document.getElementById('zad2').value;
var zmiennaD = document.getElementById('zad2').value;
var txtA = "Zadanie 1: ";
var txtB = "Zadanie 2: ";
var txtC = "Zadanie 3: ";
var txtD = "Zadanie 4: ";
if (zmiennaA === '') {
document.getElementById("wynik").innerHTML = "Napisz zadanie nr 1!";
if (zmiennaB === '') {
document.getElementById("wynik").innerHTML = "Napisz zadanie nr 2!";
}
}
var html = txtA + zmiennaA + "</br>"+ txtB + zmiennaB + "</br>"+ txtC + zmiennaC+ "</br>"+ txtD + zmiennaD;
document.getElementById('wynik').innerHTML = html;
}
document.getElementById('klikniecie').addEventListener('click', generator);
</script>
</body>
</html>
Jak się można domyślić, chodzi o to że kiedy dowolny input (zad1, zad2 itd) będzie pusty, ma się wyświetlić wskazana treść. Do każdego Id miałby by być inny tekst.
Proszę o pomoc przy wykonaniu instrukcji if oraz oczywiście o rady jak mógłbym uprościć skrypt i zrobić go lepiej. Zdaje sobie sprawę z jego ułomności.