изменение текста внутри скрипта элемента

Question

У меня есть скрипт, который содержит 2 функции.

Первая функция отвечает за создание элемента абзаца внутри существующего div. Вторая часть скрипта - это функция, которая изменяет предопределенный текст (текст предопределен в первой функции), вызванный событием onclick.

HTML:

<a href="" onclick="changeText();return false;">Change Text</a> 
<div id='box'></div> 

Javascript:

var x, el; 

    window.onload = function createEl() { 

     x = document.getElementById('box'); 
     el = document.createElement('p'); 
     el.appendChild(document.createTextNode("Hello")); 
     x.appendChild(el); 

}

 function changeText() { 
       el.innerHTML = 'other text'; 
     } 

Мой вопрос: Есть ли способ, чтобы достичь того же результата, но сделать это без использования глобальных переменных ? Я знаю, что должен быть вариант только передать переменную от одной функции к другой, а затем обновить ее там, но я не уверен, как это сделать, но

Answer 1

Просто укажите тег p и используйте document.getElementById, чтобы получить его ,