0

色をランダムな色に変更する機能をボタンに有効にしていますが、緑色の場合はボタンの色の変更を停止したいです。

<html>
<head>

<script type="text/javascript">
function roll1() {
rand = Math.ceil(Math.random() * 6);
die = document.getElementById("die1");

if (rand >= 1 && rand <= 3) {
    die.innerHTML = "<p>'GREEN'<\/p>";
} else if (rand == 4 || rand == 5) {
    die.innerHTML = "<p>'GREEN'<\/p>";
} else if (rand == 6) {
    die.innerHTML = "<p>'RED'<\/p>"
}
}
</script>

</head>

<body>

<button onclick="roll1()">Roll Dice</button>

<table>
<tr>
<td style="width:55px; height:55px;">

<p id="die1">'YELLOW'</p></td>

</tr>
</table>

</body>
</html>

また、このコードにない何かを行う必要があるため、ボタンを非表示にしたくありません。

4

2 に答える 2

0

属性を追加してdisabled、ボタンをクリックできなくすることができます。

于 2013-01-27T21:14:58.940 に答える
0 
var stop_flag = false;

function roll1() {
    if (stop_flag)
        return false;

    rand = Math.ceil(Math.random() * 6);
    die = document.getElementById("die1");

    if (rand >= 1 && rand <= 3) { 
        stop_flag = true;
        die.innerHTML = "<p>'GREEN'<\/p>";
    } else if (rand == 4 || rand == 5) {
        die.innerHTML = "<p>'GREEN'<\/p>";
    } else if (rand == 6) {
        die.innerHTML = "<p>'RED'<\/p>"
    }
}
于 2013-01-27T21:14:17.827 に答える