Exercices mathématique primaire

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

3 réponses

Réponse 1 / 3
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
Nai Messages postés 714 Date d'inscription   Statut Membre Dernière intervention   55
 
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
Réponse 2 / 3
kalen_82 Messages postés 7 Date d'inscription   Statut Membre Dernière intervention   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
Nai Messages postés 714 Date d'inscription   Statut Membre Dernière intervention   55
 
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
Réponse 3 / 3
yg_be Messages postés 23541 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 584
 
bonjour,
je pense que c'est plus simple en python.
0
Nai
 
C'est possible, je ne sais pas ^^
À quoi cela pourrait ressembler ? :)
0

Discussions similaires

Comment branché un pc portable écran cassé sur un écran externe
Skynoz62 -
Vince74 -

13 réponses
Quelqu'un a le corrigé du livre transmath 3eme ?
leila -
irongege -

1 réponse
Aide exercices python
Celia1901 -
Pierrecastor -

8 réponses
Corrigé d'un exercice du livre transmaths 3e
maudi95 -
AssassinTourist -

1 réponse
Exercice python
Utilisateur anonyme -
Phil_1857 -

3 réponses