Exercices mathématique primaire
Résolu/Fermé
Nai
Messages postés
709
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
23 janvier 2025
-
20 avril 2021 à 15:25
Nai Messages postés 709 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 23 janvier 2025 - 24 avril 2021 à 19:14
Nai Messages postés 709 Date d'inscription vendredi 29 avril 2005 Statut Membre Dernière intervention 23 janvier 2025 - 24 avril 2021 à 19:14
A voir également:
- Exercices mathématique primaire
- Formule mathématique 3ème pdf - Télécharger - Études & Formations
- B2i primaire - Télécharger - Études & Formations
- Transmath 3eme corrigé exercices ✓ - Forum Loisirs / Divertissements
- Python par la pratique : 101 exercices corrigés pdf - Forum Python
- Écran pc portable cassé mettre second écran en écran primaire - Forum Matériel & Système
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.
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.
kalen_82
Messages postés
7
Date d'inscription
mercredi 21 avril 2021
Statut
Membre
Dernière intervention
8 mai 2022
1
21 avril 2021 à 23:06
21 avril 2021 à 23:06
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);
});
Nai
Messages postés
709
Date d'inscription
vendredi 29 avril 2005
Statut
Membre
Dernière intervention
23 janvier 2025
55
24 avril 2021 à 19:14
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 :
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
23435
Date d'inscription
lundi 9 juin 2008
Statut
Contributeur
Dernière intervention
21 janvier 2025
Ambassadeur
1 559
20 avril 2021 à 18:36
20 avril 2021 à 18:36
bonjour,
je pense que c'est plus simple en python.
je pense que c'est plus simple en python.
20 avril 2021 à 19:08
Ç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 !