Exercices mathématique primaire
Résolu
Nai
Messages postés
709
Date d'inscription
Statut
Membre
Dernière intervention
-
Nai Messages postés 709 Date d'inscription Statut Membre Dernière intervention -
Nai Messages postés 709 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 !
--
Bien à vous,
Naï
ps: je surveille tous mes sujets non résolus, si solution vous avez, je la lirais à coup sûr :)
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 :)
A voir également:
- Exercices mathématique primaire
- Formule mathématique - Télécharger - Études & Formations
- B2i primaire - Télécharger - Études & Formations
- Logiciel mathématique gratuit - Télécharger - Vie quotidienne
- Transmath 3eme corrigé exercices - Forum Loisirs / Divertissements
- Corrigés 350 exercices niveau moyen ✓ - Forum Loisirs / Divertissements
3 réponses
Bonjour,
vous pouvez faire quelque chose de ce genre avec du JS et du html :
HTML:
JS:
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);
});
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 :
Merci beaucoup ! :)
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 ! :)
yg_be
Messages postés
23437
Date d'inscription
Statut
Contributeur
Dernière intervention
Ambassadeur
1 587
bonjour,
je pense que c'est plus simple en python.
je pense que c'est plus simple en python.
Ç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 !