Exercices mathématique primaire

Résolu
Nai Messages postés 712 Date d'inscription   Statut Membre Dernière intervention   -  
Nai Messages postés 712 Date d'inscription   Statut Membre Dernière intervention   -
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


--
Bien à vous,
Naï
ps: je surveille tous mes sujets non résolus, si solution vous avez, je la lirais à coup sûr :)

3 réponses

  1. Fute
     
    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.
    1
    1. Nai Messages postés 712 Date d'inscription   Statut Membre Dernière intervention   57
       
      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 !
      0
  2. kalen_82 Messages postés 8 Statut Membre 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);
    });
    
    
    1
    1. Nai Messages postés 712 Date d'inscription   Statut Membre Dernière intervention   57
       
      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 ! :)
      0
  3. yg_be Messages postés 23437 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 588
     
    bonjour,
    je pense que c'est plus simple en python.
    0
    1. Nai
       
      C'est possible, je ne sais pas ^^
      À quoi cela pourrait ressembler ? :)
      0