Pyscript新手,请不要犯任何愚蠢的错误.

写了一个简单的石头剪纸游戏如下,并通过网络浏览器运行.

我试过python.写,但不知怎的它抛出了错误,不知道如何使用它.非常感谢您的指导.

 <HTML>
<head>
 <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
 <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body> 
  <py-script> 
     import random

     gameAttribute = ['rock','paper','scissor']

     count=0
     yourChoice=0
     comChoice=0
     print('==============================================================')
     print('Welcome','Welcome to ROCK-PAPER-SCISSOR game, Come and try your luck!')
     print('==============================================================')
     while(count != 5):
         count += 1
         random_choice = (random.choices(gameAttribute))
         computerMove = random_choice[0]
         #print(random.choice(random_choice))
         yourMove = input('Enter r for rock, p for paper and s for scissor:')
         

         if yourMove == 'r':
             yourMove = 'rock'
         elif yourMove == 'p':
             yourMove = 'paper'
         elif yourMove == 's':
             yourMove ='scissor'
         else:
             print("Choose between the given choice only!")

         print('computer move: {} '.format(computerMove))
         print("Your move:", yourMove)
         if yourMove == computerMove:
             print("It's a tie!\n")
         elif yourMove == 'rock' and computerMove == 'paper':
             comChoice += 1
             print('You lose!\n')
         elif yourMove == 'rock' and computerMove == 'scissor':
             yourChoice += 1
             print('You Win!\n')
         elif yourMove == 'paper' and computerMove == 'rock':
             yourChoice += 1
             print('You Win!\n')
         elif yourMove == 'paper' and computerMove == 'scissor':
             comChoice += 1
             print ('You lose!\n')
         elif yourMove == 'scissor' and computerMove == 'paper':
             yourChoice += 1
             print('you Win!\n')
         elif yourMove == 'scissor' and computerMove == 'rock':
             comChoice += 1
             print('You lose!\n')
         else:
             print('Invalid choice made!, choose between r,s,p only \n')

     print('==============================================================')
     if yourChoice > comChoice:
         print('Congratulations! You have won the game')
     elif comChoice > yourChoice:
         print('You have lost the game.Better luck next time!')
     elif yourChoice == comChoice:
         print('Tough Competition! It is a tie')
     print('==============================================================')
 </py-script> </body>
 </html>

enter image description here

推荐答案

使用HTML form询问用户输入可能更优雅.我刚进口了bulma个更好的元素.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <!-- BULMA CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
    
    <!-- PYSCRIPT -->
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <py-env></py-env>

  </head>
  <body>

    <!-- UI -->
    <div id="div1" class="container">
        <div class="section">
            <h4 class="title is-4">
                Welcome to ROCK-PAPER-SCISSOR game, Come and try your luck!
            </h4>

            <br>
            <input  id="userInput" 
                    type="text" 
                    class="input is-info" 
                    placeholder="have a guess"></input>
            <br>
            
            <label id="labelMessage" class="tag">Enter r for rock, p for paper and s for scissor:</label>

            <br>

            <button  id="submit-guess-btn"
                        class="button is-primary"
                        type="submit" 
                        pys-onClick="scissorGuess">Make A Guess</button>
        </div>
        <hr>
        <div class="section">
            <pre id=log></pre>
        </div>
    </div>

<py-script> 
import random

gameAttribute = ['rock','paper','scissor']

count=0
yourChoice=0
comChoice=0
userElement = document.getElementById('userInput')
logElement = document.getElementById('log')

def scissorGuess(*args, **kwargs):
    global count, yourChoice, comChoice, userElement, logElement
    if count < 5:
        count += 1
        random_choice = (random.choices(gameAttribute))
        computerMove = random_choice[0]
        yourMove = userElement.value.strip()

        if yourMove == 'r':
            yourMove = 'rock'
        elif yourMove == 'p':
            yourMove = 'paper'
        elif yourMove == 's':
            yourMove ='scissor'
        else:
            logElement.innerHTML += "{}. Choose between the given choice only!\n".format(yourMove)

        logElement.innerHTML += 'computer move: {}\n'.format(computerMove)
        logElement.innerHTML += "Your move: {}\n".format(yourMove)
        if yourMove == computerMove:
            logElement.innerHTML += "It's a tie!\n"
        elif yourMove == 'rock' and computerMove == 'paper':
            comChoice += 1
            logElement.innerHTML += 'You lose!\n'
        elif yourMove == 'rock' and computerMove == 'scissor':
            yourChoice += 1
            logElement.innerHTML +='You Win!\n'
        elif yourMove == 'paper' and computerMove == 'rock':
            yourChoice += 1
            logElement.innerHTML +='You Win!\n'
        elif yourMove == 'paper' and computerMove == 'scissor':
            comChoice += 1
            logElement.innerHTML +='You lose!\n'
        elif yourMove == 'scissor' and computerMove == 'paper':
            yourChoice += 1
            logElement.innerHTML +='you Win!\n'
        elif yourMove == 'scissor' and computerMove == 'rock':
            comChoice += 1
            logElement.innerHTML +='You lose!\n'
        else:
            logElement.innerHTML += 'Invalid choice made!, choose between r,s,p only \n'

    if yourChoice > comChoice:
        logElement.innerHTML +='Congratulations! You have won the game\n'
    elif comChoice > yourChoice:
        logElement.innerHTML +='You have lost the game.Better luck next time!\n'
    elif yourChoice == comChoice:
        logElement.innerHTML +='Tough Competition! It is a tie\n'
</py-script>
</body>
</html>

输出:

Screenshot

Python相关问答推荐

使用SciPy进行曲线匹配未能给出正确的匹配

使用@ guardlasses. guardlass和注释的Python继承

优化器的运行顺序影响PyTorch中的预测

实现自定义QWidgets作为QTimeEdit的弹出窗口

多处理队列在与Forking http.server一起使用时随机跳过项目

无论输入分辨率如何,稳定扩散管道始终输出512 * 512张图像

在极中解析带有数字和SI前缀的字符串

ruamel.yaml dump:如何阻止map标量值被移动到一个新的缩进行?

OpenCV轮廓.很难找到给定图像的所需轮廓

为什么'if x is None:pass'比'x is None'单独使用更快?

在matplotlib中使用不同大小的标记顶部添加批注

Gunicorn无法启动Flask应用,因为无法将应用解析为属性名或函数调用.'"'' "

统计numpy. ndarray中的项目列表出现次数的最快方法

为什么t sns.barplot图例不显示所有值?'

如何重新组织我的Pandas DataFrame,使列名成为列值?

我可以不带视频系统的pygame,只用于游戏手柄输入吗?''

从列表中分离数据的最佳方式

如何在python tkinter中绑定键盘上的另一个回车?

删除另一个div中的特定div容器

将参数从另一个python脚本中传递给main(argv