Code B3

Appearance

XR6 - Exemples

XR6 - Exemples

Quelkques exemples de manipulation du DOM courantes, avec P5.js

Que peut-on faire? ​

  • Lire un page HTML existante et indexer ses éléments
  • Modifier / supprimer ces éléments
  • Ajouter de nouveaux éléments
  • Ajouter/supprimer des valeurs d'attributs (classes, alt, etc..)
  • Ajouter / modifier des styles CSS
  • Écouter des événements dans la page (click, slide, swipe, etc.)

Capter un bouton ​

js
let monBouton;
monBouton = createButton('Clique-moi!');

monBouton.mousePressed(faisQuelqueChose);

function faisQuelqueChose() {
    // QuelqueChose
}

Capter un input de type text ​

js
let monInput;
monInput = createInput();

monInput.changed(faisQuelqueChose);

function faisQuelqueChose() {
    // Pour récupérer la valeur de l'input
    let maValeur = monInput.value();

     // Faire quelqueChose avec ...
}