Небольшой вопрос по javascript?

Question

[Vakha1]

Почему в функциях strong и em не видны переменные textarea , textareaContent, coursorPosition

var textarea = document.querySelector(".textarea");
    var textareaContent = textarea.value;
    var coursorPosition = textarea.selectionStart;
strong.onclick = function(){
textarea.value = textareaContent.slice(0,coursorPosition) + "<strong>(Вставьте вместо этого текста свой текст.)</strong>" + textareaContent.slice(coursorPosition);
}

em.onclick = function(){
   textarea.value = textareaContent.slice(0,coursorPosition) + "<em>(Вставьте вместо этого текста свой текст.)</em>" + textareaContent.slice(coursorPosition);
    }

Answer 1

[Сергей Соколов]

textareaContent и coursorPosition задаются однажды при выполнении скрипта. На тот момент, наверное, textarea пуста, курсор в ней не находится.

Comments

[Vakha1]

Да точно спасибо получается вот так работает.
var textarea = document.querySelector(".textarea");
strong.onclick = function(){
let textareaContent = textarea.value;
let coursorPosition = textarea.selectionStart;
textarea.value = textareaContent.slice(0,coursorPosition) + "(Вставьте вместо этого текса свой текст.)" + textareaContent.slice(coursorPosition);
}

em.onclick = function(){
let textareaContent = textarea.value;
let coursorPosition = textarea.selectionStart;
textarea.value = textareaContent.slice(0,coursorPosition) + "(Вставьте вместо этого текса свой текст.)" + textareaContent.slice(coursorPosition);
}