атрибут JavaScript OnClick в переменную

Question

var user = []; 
function doFunction() 
{ 
    for(l=0;l<3;l++) 
    { 
     user.push(prompt("Bitte Mindestens 6 Zahlen von 1-49 eingeben" + "Abfrage Nr. " + (l + 1))); 
    } 
} 
doFunction(); 
document.write("Ihre Eingaben: " + user); 

Это рабочий код, но я не хочу, что функция активируется после обновления сайта, так что я добавил эту кнопку: и удалил doFunction(); в сценарии, так это выглядело вроде как это:

<input type="button" value="Viel Glueck!" onClick="doFunction();"> 
<script> 
    var user = []; 
    function doFunction() 
    { 
     for(l=0;l<3;l++) 
     { 
      user.push(prompt("Bitte Mindestens 6 Zahlen von 1-49 eingeben" + "Abfrage Nr. " + (l + 1))); 
     } 
    } 
    document.write("Ihre Eingaben: " + user); 
</script> 

скрипт запускается на выполнение после нажатия кнопки, но переменная больше не работает (оно не сохранить выход) может кто-нибудь пожалуйста, помогите мне с моей проблемой?

Answer 1

Как уже отмечалось, вы можете переместить document.write в вашу функцию. Тем не менее, я хотел бы отметить, что использование document.write для начала - плохая идея практически во всех ситуациях.

Почему? Он работает только тогда, когда страница «открыта», то есть загружается. Когда пользователь нажмет кнопку, страница, скорее всего, закончит загрузку. Затем браузер снова откроет его и тем самым удалит весь контент. Узнайте больше об этом here, или проверьте this скрипка.

Вместо этого, если вы хотите написать что-то на странице с помощью JavaScript, используйте DOM. Сначала создайте div, который будет содержать содержание:

<div id="message" /> 

Затем, когда вы хотите написать что-то, в вашем случае в doFunction, заполнить div с содержанием, как это:

document.getElementById("message").innerHTML = "Ihre Eingaben: " + user; 

Answer 2

Попытка переместить document.write внутри функции, как это:

var user = []; 
    function doFunction() 
    { 
     for(l=0;l<3;l++) 
     { 
      user.push(prompt("Bitte Mindestens 6 Zahlen von 1-49 eingeben" + "Abfrage Nr. " + (l + 1))); 
     } 
      document.write("Ihre Eingaben: " + user); 
    }