Генератор стихотворений (JS) ⇐ Html

[Anonymous]

Я пытаюсь создать генератор случайных стихотворений, в котором при вводе необходимых входных данных сначала создается идентификатор темы (состоящий из имени девушки и названия страны), а затем стихотворение, в котором также есть имя девушки и название страны.

Но затем, когда я запустил стихотворение, оно становится видимым даже до того, как я нажимаю кнопку «Создать», и входные данные не видны ни в теме, ни в теле стихотворения, ни при нажатии кнопка make не генерирует стихи.

Код: Выделить всё

const girlInput = document.getElementById('girl');
const countryInput = document.getElementById('country');
const poemTitle = document.getElementById('poemTitle');
const poemText = document.getElementById('poemtext');
const makeBtn = document.getElementById('makeBtn');
const resetBtn = document.getElementById('resetBtn');

function makePoem() {
const girl = girlInput.value.trim();
const country = countryInput.value.trim();

if (girl === "" || country === "") {
poemTitle.textContent = "";
poemText.textContent = "";
alert("please enter a girl's name and a country before making a poem!");
return;
}
}

poemTitle.textContent = 'The ${girl} and the ${country}';

const poems = [
'The ${girl} and the ${country} are like sea and sky each farther apart with no limits or destinations.',
'The ${girl} and the ${country} could the next fire and water; one heats up situations te other cams it down.',
'The ${girl} and the ${country} have a lovehate relationship.'
];
const randomPoem = poems[Math.floor(Math.random() * poems.length)];
poemText.innerHTML = randomPoem;

function resetPoem() {
girlInput.value = "";
countryInput.value = "";
poemTitle.value = "";
poemText.value = "";
makeBtn.value = "";
resetBtn.value = "";
}

makeBtn.addEventListener('click', makePoem);
resetBtn.addEventListener('click', resetPoem);

Код: Выделить всё

Lets have a bit of Fun,Lets be poetic!!
Enter the name of a girl:


Enter the name of a Country:






Reset
Make/Remake

Подробнее здесь: https://stackoverflow.com/questions/798 ... nerator-js