Блог

Главная - Вопросы по программированию - Запустить python из HTML

Запустить python из HTML

#html #button #brython

#HTML #кнопка #brython

Вопрос:

Мне нужно запустить некоторый код python при нажатии кнопки HTML, я пробую этот код, но когда я нажал кнопку, ничего не произошло. Это мой код: «‘ <!doctype html>

 <html>

<head>
    <meta charset="utf-8">
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/brython@3.9.0/brython.min.js">
    </script>
</head>

<body onload="brython()">

    <script type="text/python">
        def change_image():
            from browser import document, html
            document["image"].clear()
            document["image"] <= html.IMG(src="flowers.jpg")

        document["next"].bind("click", change_image)

    </script>
    <img id="image" src="image.png">
    <input id="next" type="button" value="next state"/>


</body>

</html>

»’
В чем моя проблема??

Комментарии:

1. Что заставляет вас думать, что ваш браузер поддерживает python?

2. @JustinEzequiel Для этого я использовал brython, вы можете прочитать об этом здесь brython.info/static_tutorial/en/index.html

3. Тогда вы должны были пометить brython, а не python.

Ответ №1:

В вашем коде есть проблема.Измените его следующим образом

 <script type="text/python">

from browser import document, html #Use the form outside the function
def change_image(item):
    document["image"].clear()
    document["image"].src="flowers.jpg" #change attributes

document["next"].bind("click", change_image)

</script>

Полный код

 <head>
    <meta charset="utf-8">
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/npm/brython@3.9.0/brython.min.js">
    </script>
</head>

<body onload="brython()">
    <script type="text/python">

from browser import document, html
def change_image(item):
    document["image"].clear()
    document["image"].src="https://www.w3schools.com/html/img_chania.jpg"

document["next"].bind("click", change_image)

    </script>

    <img width=200 id="image" src="https://www.w3schools.com/html/pic_trulli.jpg">
    <input id="next" type="button" value="next state"/>
</body>

Комментарии:

1. Я пытался, но это не помогло. По-прежнему ничего не происходит…

2. @pddh Проверьте эту ссылку

3. Это работает, так в чем может быть причина, по которой он не работает на моем компьютере с моими изображениями?

4. @pddh Вы видите ошибку в консоли вашего браузера?

5. Спасибо, я решил проблему, вы можете видеть в моем коде, что моя функция не получила никакого события, и в этом была проблема…