DOM

Introducció#

A Form vas veure que un formulari és l’única part del document que parla cap enfora.

Recull el que escriu qui el llegeix i ho envia a un servidor.

Aquell servidor l’ha de programar algú, i s’ha de pagar i mantenir mentre la pàgina existeixi.

Amb PyScript el codi que processa les dades ja és dins de la pàgina.

No hi ha res a enviar, i no hi ha ningú a l’altra banda.

Per fer-ho, Python ha de poder tocar el document: llegir el que hi ha en un camp i escriure la resposta en un altre.

Aquest document viu és el DOM, i en aquesta activitat el manipularàs des de Python.

El document des de Python#

El mòdul que necessites és pyscript.web:

from pyscript import web

web.page és la pàgina sencera, i entre claudàtors hi busques un element pel seu id:

<p id="message" class="text-xl">Encara no ha passat res.</p>

from pyscript import web

web.page["message"].innerText = "Hola, Eva!"

El paràgraf ja no diu el que hi havia escrit: el Python l’ha canviat en carregar-se la pàgina.

Els atributs que faràs servir a tot arreu són dos:

• value — el que hi ha escrit en un <input>, un <textarea> o un <select>.
• innerText — el text que ensenya un element.