Exercices mathématique primaire [Résolu]

Signaler
Messages postés
631
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
24 avril 2021
-
Messages postés
631
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
24 avril 2021
-
Bonjour toutes et tous !
Je souhaite travailler sur des notions précises non acquises par ma fille de 10 ans.
L'exemple proposé par mathematiquesfaciles.com est super : https://www.mathematiquesfaciles.com/exercices/exercice-maths-2/exercice-maths-62966.php

J'aimerais pouvoir adapter les exercices à ses difficultés.
Je maitrise un peu le html mais pas du tout le php et crois que ceci n'est possible qu'en PHP. Je comprends cependant le fonctionnement du codage ;)

S'il existe quelque chose me permettant de faire ça ou si quelqu'un a un exemple à proposer je pourrais l'adapter ! :)

Merci beaucoup pour votre aide !

Configuration: Windows / Chrome 90.0.4430.72

3 réponses

Bonjour,

Voir ceci :
https://www.ac-strasbourg.fr/fileadmin/pedagogie/lettres/didacticielhotpotatoes.pdf
https://www.youtube.com/watch?v=ivsjz4pakrY

Vous pouvez créer des exercices et générer des pages html (à ouvrir dans un navigateur web).
Pas de programmation.
Messages postés
631
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
24 avril 2021
50
Excellente réponse ! Merci beaucoup !
Ça a l'air assez puissant ! ^^
L'interface n'est pas très intuitive et l'aide en anglais, mais c'est un excellent début !

Ceci me semble aussi intéressant : https://www.sitepoint.com/simple-javascript-quiz/ même s'il s'agit de JS
Mais je n'ai pas compris comment le faire fonctionner :(

Encore merci pour cette réponse rapide !
Messages postés
7
Date d'inscription
mercredi 21 avril 2021
Statut
Membre
Dernière intervention
22 avril 2021
1
Bonjour,
vous pouvez faire quelque chose de ce genre avec du JS et du html :
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<h1>problème 1 :<br>
    Si j'achète 2 bouteilles de jus d'orange à 1€ l'unité, 2 paquets de thon à 2€ 
l'unité, 9 saucisses sèches à 5€ l'unité .</h1>
    <ul>
      <li>
        Quel sera le prix des 2 bouteilles de jus d'orange? 
        <input type="text" class="réponse1">
        <p class="correction1"></p>
               €
      </li>
      <li>
        Quel sera le prix des 2 paquets de thon? 
        <input type="text" class="réponse2">
        <p class="correction2"></p>
               €
      </li>
      <li>
        Quel sera le prix des 9 saucisses sèches? 
        <input type="text" class="réponse3">
        <p class="correction3"></p>€
      </li>
      <li>
        Quel sera le prix total? 
        <input type="text" class="réponse4">
        <p class="correction4"></p>€
      </li>
      <li>
        Combien d'articles aurai-je achetés? 
        <input type="text" class="réponse5">
        <p class="correction5"></p>articles.
      </li>
    </ul>
    <button>Valider</button>
</body>
<script text="text/javascript" src="app.js"></script>
</html>

JS:
//récupère les input
const reponse1 = document.querySelector('.réponse1');
const reponse2 = document.querySelector('.réponse2');
const reponse3 = document.querySelector('.réponse3');
const reponse4 = document.querySelector('.réponse4');
const reponse5 = document.querySelector('.réponse5');
//récupère les paragraphe pour y ecrire la réponse
const correction1 = document.querySelector('.correction1');
const correction2 = document.querySelector('.correction2');
const correction3 = document.querySelector('.correction3');
const correction4 = document.querySelector('.correction4');
const correction5 = document.querySelector('.correction5');
//                le paragraphe/l'input/ la vrai réponse
function verification(element,reponseUtilisateur,reponse){
    if(reponseUtilisateur.value==reponse){
        element.innerHTML=`<font color='green'>${reponse}</font>`;
    }else if(reponseUtilisateur.value==''){
        element.innerHTML=`<font color='red'><s>X</s></font><font color='blue'>${reponse}</font>`;
    }else{
        element.innerHTML=`<font color='red'><s>${reponseUtilisateur.value}</s></font><font color='blue'>${reponse}</font>`;
    }
    
}
const btn = document.querySelector('button');
btn.addEventListener('click',()=>{
  verification(correction1,reponse1,2);
  verification(correction2,reponse2,4);
  verification(correction3,reponse3,45);
  verification(correction4,reponse4,51);
  verification(correction5,reponse5,13);
});

Messages postés
631
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
24 avril 2021
50
Merci pour cette réponse !
Avec un peu de CSS, je peux faire quelque chose de vraiment sympa ! :)
C'est ce que je cherchais ^^
Par contre, je vais interdire les réponses vides :
else if(reponseUtilisateur.value==''){
        element.innerHTML=`<font color='red'>Pas de réponse ?</font><font color='blue'> Il faut essayer !</font>`;

Merci beaucoup ! :)
Messages postés
15290
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
24 avril 2021
837
bonjour,
je pense que c'est plus simple en python.
C'est possible, je ne sais pas ^^
À quoi cela pourrait ressembler ? :)