Le DOM

Calculer la moyenne d'un groupe avec des étudiants absents

📒 Selecteur = p

const students = document.querySelectorAll("p");

let sum = 0;

let count = 0;

for (const student of students) {

  const mark = Number(student.dataset.mark);

  if (!isNaN(mark)) {

    sum += mark;

    count++;

  }

}

const average = count

  ? (sum / count).toFixed(2)

  : "Aucune note";

const students = document.querySelectorAll("p");

let sum = 0;

let count = 0;

for (const student of students) {

  const mark = Number(student.dataset.mark);

  if (!isNaN(mark)) {

    sum += mark;

    count++;

  }

}

const average = count

  ? (sum / count).toFixed(2)

  : "Aucune note";

Choix d'un selecteur ! 

// utilisez le bon selecteur

const elements = document.querySelectorAll("[data-mark]");

let sum = 0;

for (const el of elements) {

    sum += Number(el.dataset.mark);

}

const average = sum / elements.length;

;

🤌🏼En action

See the Pen UsetherightSelector by dupont (@dupontcodepen) on CodePen.

En action : github

🥷🏼 En action (L2)

// 🥷🏼utilisation des méthodes en L2

const marks = [...document.querySelectorAll("[data-mark]")]

  .map(p => Number(p.dataset.mark));

const average =

  marks.length ? (marks.reduce((a, b) => a + b) / marks.length).toFixed(2) : "Aucune note";

See the Pen querySelector by dupont (@dupontcodepen) on CodePen