Всем хорошего дня! Подскажите, кто в курсе...
Есть сайт на WordPress и туда вставил HTML контейнер и подключил внутри скрипт JS. Но беда в том, что этот скрипт работает только на одной странице (на той, где он был первый раз вписан), на других не работает. Так как сам не кодер в JS, подскажите плиз, может кто в курсе?
Пробовал менять переменные, но без результатов.
Ниже прилагаю код:
HTML:
<label for="weather"><h4>Number of persons: </h4></label>
<select id="weather">
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
JS:
var select = document.querySelector('select');
var para = document.querySelector('p');
select.addEventListener('change', setWeather);
function setWeather() {
var choice = select.value;
if (choice === '1') {
para.textContent = 'Total: 190$';
} else if (choice === '2') {
para.textContent = 'Total: 120$';
} else if (choice === '3') {
para.textContent = 'Total: 90$';
} else if (choice === '4') {
para.textContent = 'Total: 85$';
} else if (choice === '5') {
para.textContent = 'Total: 85$';
} else if (choice === '6') {
para.textContent = 'Total: 82$';
} else if (choice === '7') {
para.textContent = 'Total: 76$';
} else if (choice === '8') {
para.textContent = 'Total: 74$';
} else if (choice === '9') {
para.textContent = 'Total: 72$';
} else if (choice === '10') {
para.textContent = 'Total: 66$';
} else {
para.textContent = '';
}
}