Avançar para o conteúdo principal

Aqui criamos um aplicativo de tarefas em py-script!

 

<p>Código fonte do aplicativo!</p>

<!DOCTYPE html>

<html lang="en">

  <head>

  <meta charset="utf-8" />

  <h1>Adicione tarefas ao seu aplicativo de tarefas<br<criado com py-script></h1>

  <meta name="viewport" content="width=device-width,initial-scale=1" />


  <title>My Todo</title>


  <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />

  <script defer src="https://pyscript.net/latest/pyscript.js"></script>

  </head>


  <body>

    <py-config>

      [[fetch]]

      from = "https://pyscript.net/examples/"

      files = ["utils.py"]

      [[fetch]]

      from = "https://gist.githubusercontent.com/FabioRosado/faba0b7f6ad4438b07c9ac567c73b864/raw/37603b76dc7ef7997bf36781ea0116150f727f44/"

      files = ["todo.py"]

    </py-config>

    <py-script>

        from todo import add_task, add_task_event

    </py-script>

    <section>

      <div class="text-center w-full mb-8">

        <h1 class="text-3xl font-bold text-gray-800 uppercase tracking-tight">To Do List</h1>

      </div>

      <div>

        <input id="new-task-content" class="py-input" type="text">

        <button id="new-task-btn" class="py-button" type="submit" py-click="add_task()">

        Add task

        </button>

      </div>

      <div id="list-tasks-container" class="flex flex-col-reverse mt-4"></div>

      <template id="task-template">

        <section class="task py-li-element">

          <label for="flex items-center p-2 ">

            <input class="mr-2" type="checkbox">

            <p class="m-0 inline"></p>

          </label>

        </section>

      </template>

    </section>

  </body>

</html>

Adicione tarefas ao seu aplicativo de tarefas

My Todo [[fetch]] from = "https://pyscript.net/examples/" files = ["utils.py"] [[fetch]] from = "https://gist.githubusercontent.com/FabioRosado/faba0b7f6ad4438b07c9ac567c73b864/raw/37603b76dc7ef7997bf36781ea0116150f727f44/" files = ["todo.py"] from todo import add_task, add_task_event

To Do List

Comentários

Enviar um comentário

Mensagens populares deste blogue

Matematica do deserto!

  Viajante do deserto! Escrevo no escrever! Sem a ninguem pertencer! Vida, morte! Que refletir. Sem o nada dizer! Ao Messias quero pertencer! saber o comprimento de josante a montante de um rio? nascente_rio = 234 montante_rio = 56087 print('A nascente do rio começa nos 234 kilometros') print('A montante do rio chega aos 56087 kilometros') print('Quantos quilometros tem o rio?') rio = 56087-324 print('o rio tem', rio, 'de comprimento') print('Seja feliz por favor!')
Enviar um comentário
Ler mais

Htm css tudo .ru!

  .ru TUDO HTM CSS Изображение в качестве ссылки | htmlbook.ru Основное HTML CSS Сайт Статьи Блог Практикум Форум Самоучитель HTML Справочник по HTML XHTML HTML5 Самоучитель CSS Справочник по CSS Рецепты CSS CSS3 Вёрстка веб-страниц Макеты Веб-сервер Management Содержание Основы HTML Текст Ссылки Как сделать ссылку Цвет ссылок Атрибут target Ссылки без подчеркивания Изображение в качестве ссылки Карты-изображения Ссылки внутри страницы Ссылка на новое окно
Enviar um comentário
Ler mais

IA inteligência arteficial imagens!

  " IA JESUS " Sobrepor duas imagens em uma foto facilmente online. Criar uma composição - Fotoefeitos Categorias Login Sobrepor duas imagens em uma foto facilmente online. Criar uma composição foto com duas fotos para colocar uma imagem sobre outra Upload fotos 2.- imagem frontal Transparência: 99% 90% 80% 70% 60% 50% 40% 30% 20% 10% Para criar o efeito que você só tem que subir 2 fotos, é simples e rápido! Clique no botão abaixo para começar: Começar ► Mesclar duas fotos em uma Você pode usar este efeito de sobreposição bandeiras, símbolos sobre a foto que você deseja. Você pode estar interessado nestes efeitos de foto: amo colagem forma de co
Enviar um comentário
Ler mais