Мне нужна кнопка НЕ ​​для удаления

Question

Я делаю код javascript, который имеет кнопку, и когда я нажимаю на него, он отображает один из 5 символов, но когда я нажимаю кнопку, он показывает случайный символ, но кнопка исчезает. Я новичок в javascript, поэтому могу ли я помочь?

<script> 

function slots() 
{ 
    var slot1 = Math.floor(Math.random()*5); 
    if (slot1 == 0) { 
     document.write("\u2663"); 
    } 
    if (slot1 == 1) { 
     document.write("\u2665"); 
    } 
    if (slot1 == 2) { 
     document.write("\u2666"); 
    } 
    if (slot1 == 3) { 
     document.write("\u2660"); 
    } 
    if (slot1 == 4) { 
     document.write("7"); 
    } 
} 

</script> 
<button type="button" value="Spin" name="SPIN"onClick="slots(); return false;"></button> 

Answer 1

Когда вы пишете document.write() обновления экрана, так что я думаю, вы могли бы сделать что-то вроде этого:

<script> 

function slots() 
{ 
    var slot1 = Math.floor(Math.random()*5); 
    if (slot1 == 0) { 
     document.getElementById('value').innerHTML = "\u2663"; 
    } 
    if (slot1 == 1) { 
     document.getElementById('value').innerHTML = "\u2665"; 
    } 
    if (slot1 == 2) { 
     document.getElementById('value').innerHTML = "\u2666"; 
    } 
    if (slot1 == 3) { 
     document.getElementById('value').innerHTML = "\u2660"; 
    } 
    if (slot1 == 4) { 
     document.getElementById('value').innerHTML = "7"; 
    } 

} 
</script> 

<button type="button" value="Spin" name="SPIN" onClick="slots();">Click</button> 
<span id="value"></span> 

Answer 2

слегка оптимизированную версию кода otrebla, смотрите его в действии:

function slots() { 
 
    var slot1 = Math.floor(Math.random() * 5); 
 
    var value = document.getElementById('value'); 
 
    switch (slot1) { 
 
    case 0: 
 
     value.innerHTML = "\u2663"; 
 
     break; 
 
    case 1: 
 
     value.innerHTML = "\u2665"; 
 
     break; 
 
    case 2: 
 
     value.innerHTML = "\u2666"; 
 
     break; 
 
    case 3: 
 
     value.innerHTML = "\u2660"; 
 
     break; 
 
    case 4: 
 
     value.innerHTML = "7"; 
 
     break; 
 
    } 
 
}

<button type="button" value="Spin" name="SPIN" onClick="slots();">Click</button> 
 
<span id="value"></span>