Play Rock Paper Scissors Online - Simple HTML Game - 常规

<!DOCTYPE html>
<html>
<head>
    <title>Play Rock Paper Scissors Online - Simple HTML Game</title>
</head>
<body>
<h1>Rock, Paper, Scissors</h1>
<p>Choose Rock, Paper, or Scissors and click the submit button to make your choice.</p>
<form action="">
    <input type="radio" name="choice" value="Rock"> Rock<br>
    <input type="radio" name="choice" value="Paper"> Paper<br>
    <input type="radio" name="choice" value="Scissors"> Scissors<br>
    <input type="submit" value="Submit">
</form>
<h3>Results:</h3>
<p>You choose: <b><span id="result"></span></b></p>
<script>
    document.querySelector('form').addEventListener('submit', function(e) {
        e.preventDefault();
        var choice = document.querySelector('input[name="choice"]:checked').value;
        document.getElementById('result').innerHTML = choice;
    });
</script>
</body>
</html>