используйте результат текстового поля вне функции в javascript

Question

У меня есть текстовое поле с кнопкой

<div id="myset">
    <input id="dataset" class="myinput" type="text"  placeholder="Insert your sentence" >
    <button id="data" class="in_button" onclick = "myclickFnt()" ><a class="little-arrow">&#8711;</a> 
</button>
</div>

Когда пользователь вставляет предложение, я использую его в функции onclick

 function myclickFnt() {
     document.getElementById("myinit").style.display = "block";
     var y =  document.getElementById("dataset").value;
 }

Моя проблема в том, что я хочу использовать вставленное предложение не в функции, а вне ее. Подробнее c Я хочу поместить предложение (var y) в объект, который находится вне функции onclick. Также я хочу уточнить, что объект не может быть вставлен в функцию onclick, потому что он вызывается из другой функции. я не знаю, возможно ли это реализовать

Надеюсь, мой вопрос не двусмысленный

*** РЕДАКТИРОВАТЬ: Я решил свою проблему с помощью этой ссылки

Answer 1

Мне немного не понятно, чего вы хотите достичь, но если я правильно понял, вы можете сделать что-то вроде этого:

 var y;
 function myclickFnt() {
     document.getElementById("myinit").style.display = "block";
     y =  document.getElementById("dataset").value;
 }

После комментариев я понял, что вы используете идентификатор документа этого нет в HTML. Либо используйте действующий, либо удалите его. Вот фрагмент кода отладки.

var y;

function myclickFnt() {
  y = document.getElementById("dataset").value;
  callMe();
}

function callMe() {
  alert(y);
}

<div id="myset">
  <input id="dataset" class="myinput" type="text" placeholder="Insert your sentence">
  <button id="data" class="in_button" onclick="myclickFnt()"><a class="little-arrow">&#8711;</a> 
</button>
</div>

Теперь вы можете использовать y для всего