Exercices mathématique primaire

Résolu/Fermé
Nai Messages postés 701 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 30 juin 2022 - 20 avril 2021 à 15:25
Nai Messages postés 701 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 30 juin 2022 - 24 avril 2021 à 19:14
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.
1
Nai Messages postés 701 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 30 juin 2022 53
20 avril 2021 à 19:08
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
kalen_82 Messages postés 8 Date d'inscription mercredi 21 avril 2021 Statut Membre Dernière intervention 8 mai 2022 1
21 avril 2021 à 23:06
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
Nai Messages postés 701 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 30 juin 2022 53
24 avril 2021 à 19:14
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
yg_be Messages postés 20741 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 30 novembre 2022 1 268
20 avril 2021 à 18:36
bonjour,
je pense que c'est plus simple en python.
0
C'est possible, je ne sais pas ^^
À quoi cela pourrait ressembler ? :)
0