Вывод рандомного числа, при нажатии на кнопку

191
21 марта 2019, 21:50

Как вывести кнопку, при нажатии на которую выводится случайное число, но кнопка при этом не исчезает?

Я понимаю, почему она исчезает- из-за document.write, но я не хочу использовать alert или подобные способы вывода, при которых открывается диалоговое окно или новая вкладка.

Помогите, пожалуйста, усовершенствовать мой код:

function Random (){  
    var max = 100;  
    document.write( Math.round(Math.random() * max )); 
} 
<p> 
  <input type="button" value="Число" onclick="Random()"> 
</p>

Answer 1

Не используйте document.write - пишите в какой-нибудь div, например:

function Random (){  
 const max = 100; 
 return Math.round(Math.random() * max ); 
} 
 
const btn = document.getElementById('button'); 
const div = document.getElementById('div'); 
 
btn.onclick = function() { 
  div.innerHTML = Random(); 
}
<input type="button" value="Число" id="button"> 
<div id="div"></div>

READ ALSO
Серые полосы в google maps
HTML

Серые полосы в google maps

 186
Горизонтальная прокрутка блоков
jQuery

Горизонтальная прокрутка блоков

Помогите реализовать горизонтальную прокрутку блоков

 207
Как сделать div блок прозрачным
jQuery

Как сделать div блок прозрачным

 193
Увеличить количество текста через цикл
jQuery

Увеличить количество текста через цикл

Ребят помогитеКак мне через цикл

 142