Как мне связать javascript массивы с файлом html?

Question

var programming_languages = [
    "python",
    "javascript",
    "mongodb",
    "json",
    "java",
    "html",
    "css",
    ]
function randomWord() {
  answer = programming_languages[Math.floor(Math.random() * programming_languages.length)];
}

Я полный новичок, и это не мой код, поэтому мой вопрос в том, как сделать функцию с оператором if, который будет писать что-то в htlm, когда будет выбрано определенное слово в массиве. То, что я сделал, было

<script>
 function updateWord(){
            if(programming_languages == [0]){
                document.write("<h1>something<h1/>");
                }
        }
<script/>

В этом случае, что я пытаюсь сделать, это когда слово "python" выбрано, что html что-то вводит Спасибо с уважением

Answer 1

Похоже, ваша функция updateWord не вызывается.

Я полагаю, у вас есть элемент select для выбора языка?

Проверьте документ здесь, чтобы подключить событие слушатель вашего выбора: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event

Я вставил рабочий код в этот ответ.

const selectElement = document.querySelector('.ice-cream');

selectElement.addEventListener('change', (event) => {
  const result = document.querySelector('.result');
  result.textContent = `You like ${event.target.value}`;
});

<label>Choose an ice cream flavor:
  <select class="ice-cream" name="ice-cream">
    <option value="">Select One …</option>
    <option value="chocolate">Chocolate</option>
    <option value="sardine">Sardine</option>
    <option value="vanilla">Vanilla</option>
  </select>
</label>

<div class="result"></div>