Exercice de Grammaire: Les Pronoms COD

body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
max-width: 100%;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
}
h1, h2, h3 {
color: #2c3e50;
}
.container {
background-color: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.subscription-form {
background-color: #e8f4f8;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
.exercise-container {
display: none;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input, select {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}
button {
background-color: #3498db;
color: white;
border: none;
padding: 12px 20px;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s;
}
button:hover {
background-color: #2980b9;
}
.exercise-text {
line-height: 2;
font-size: 18px;
}
.gap {
border-bottom: 1px solid #333;
padding: 0 5px;
margin: 0 3px;
min-width: 50px;
display: inline-block;
}
input.gap-input {
width: 50px;
border: none;
border-bottom: 1px solid #333;
font-size: 16px;
text-align: center;
}
.result {
margin-top: 30px;
padding: 20px;
background-color: #eafaf1;
border-radius: 8px;
display: none;
}
.certificate {
text-align: center;
margin-top: 30px;
padding: 20px;
border: 2px solid #2c3e50;
border-radius: 8px;
display: none;
}
.difficulty-selector {
margin-bottom: 20px;
}
.error {
color: red;
font-size: 14px;
}
#certificatePreview {
position: relative;
width: 100%;
height: 450px;
background-color: #fff;
border: 10px solid transparent;
border-image: linear-gradient(45deg, #3498db, #2980b9, #1abc9c, #16a085, #27ae60) 1;
box-sizing: border-box;
overflow: hidden;
}
.certificate-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.07;
z-index: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 70%;
}
.certificate-content {
position: relative;
z-index: 1;
padding: 20px;
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.certificate-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.certificate-title {
flex-grow: 1;
text-align: center;
}
.certificate-logo {
width: 120px;
height: 60px;
}
.certificate-footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.certificate-qr {
width: 120px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}
.certificate-qr img {
max-width: 100%;
max-height: 100%;
}
.certificate-signature {
flex-grow: 1;
text-align: center;
}
.triangle-pattern {
position: absolute;
width: 150px;
height: 120px;
}
.triangle-pattern.top-right {
top: 0;
right: 0;
}
.triangle-pattern.bottom-left {
bottom: 0;
left: 0;
}

Exercice de Grammaire: Les Pronoms COD

Inscrivez-vous pour commencer l’exercice

Veuillez vous abonner et remplir vos informations pour accéder à l’exercice.

Complétez le texte avec les pronoms COD appropriés

Choisissez le niveau de difficulté:

Facile
Moyen
Difficile

Les Pronoms COD en Français (Niveau Facile)
Tu as vu mon livre ? Non, je ne ai pas vu. Marie aime beaucoup cette chanson. Elle écoute tous les jours. Où sont mes lunettes ? Je cherche partout. As-tu mangé la tarte ? Non, je ne ai pas encore mangée. Ils ont terminé leur travail ? Oui, ils ont terminé hier. La vendeuse connaît cette cliente. Elle sert souvent. Vous aimez ces films ? Oui, nous aimons beaucoup. Elle a invité Marc ? Non, elle ne a pas invité. J’ai besoin de ton aide. Tu peux aider ? J’ai trouvé ton stylo. Je mets sur la table. Nous avons acheté des pommes. Nous mangeons après le dîner. Tu as écrit la lettre ? Oui, je ai écrite ce matin. Pierre attend ses amis. Il attend depuis une heure. Vous prenez le bus ? Oui, je prends tous les matins. Elle cherche son téléphone. Elle cherche partout. Nous aimons cette maison. Nous avons visitée hier. Ils ont rencontré cette personne ? Non, ils ne ont jamais rencontrée. Tu as lu ce livre ? Oui, je ai lu la semaine dernière. Il prépare le dîner. Il prépare avec soin. Les enfants aiment ces bonbons. Ils mangent rapidement. Je vois Paul et Marie. Je invite à dîner. Tu connais cette histoire ? Non, je ne connais pas. Il a perdu ses clés. Il cherche partout. Nous regardons la télévision. Nous regardons tous les soirs. Vous achetez cette voiture ? Oui, nous achetons demain.

Les Pronoms COD en Français (Niveau Moyen)
Cette histoire, je ai déjà entendue plusieurs fois, mais elle me fascine toujours. Ces documents importants, le directeur a signés ce matin avant la réunion. La nouvelle voiture que mon père a achetée, il a montrée à tous ses amis avec fierté. Ces tableaux anciens, l’expert a authentifiés après une analyse minutieuse. Sa proposition intéressante, nous avons immédiatement acceptée sans hésitation. Les spectateurs, le magicien a impressionnés avec ses tours extraordinaires. Cette recette traditionnelle, ma grand-mère a transmise à toute la famille. Tes conseils précieux, je ai suivis et ils m’ont vraiment aidé. Cette opportunité rare, il ne faut pas laisser passer sans réfléchir. Les informations confidentielles, le journaliste a divulguées dans son article controversé. Cette émotion intense, l’actrice a parfaitement exprimée dans la scène finale. Ces négociations difficiles, nous avons finalement conclues après des mois de discussion. Cette idée novatrice, le comité a rejetée sans véritable explication. Ces candidats potentiels, le responsable a tous interviewés la semaine dernière. Cette décision importante, nous avons longuement réfléchie avant de prendre. Ces preuves irréfutables, l’avocat a présentées au jury pendant le procès. Cette méthode efficace, le professeur a expliquée aux étudiants étape par étape. Ces souvenirs d’enfance, je garde précieusement dans mon cœur. Cette belle histoire d’amour, l’écrivain a racontée dans son dernier roman. Ces nouveaux logiciels, l’entreprise a installés sur tous les ordinateurs. Cette question délicate, nous avons évitée pendant la conférence. Ces règles strictes, le directeur a instaurées dès son arrivée. Cette récompense prestigieuse, l’artiste a reçue pour son travail exceptionnel. Ces promesses électorales, le candidat a répétées tout au long de sa campagne.

Les Pronoms COD en Français (Niveau Difficile)
Les subtilités de la langue française, même les locuteurs natifs ne maîtrisent pas toujours parfaitement. Cette œuvre d’art contemporain si controversée, le musée a finalement acquise pour une somme considérable malgré les critiques acerbes. Les nuances complexes de cette théorie philosophique, le professeur émérite a minutieusement analysées dans son dernier ouvrage qui fait désormais référence. Cette décision judiciaire sans précédent qui a bouleversé la jurisprudence, les médias ont abondamment commentée, bien que peu en aient saisi toutes les implications. Les conséquences à long terme de cette politique environnementale, les experts ont évaluées avec précision dans leur rapport, mais les décideurs ne semblent pas prendre suffisamment en considération. Cette hypothèse révolutionnaire sur l’origine de l’univers, certains physiciens ont immédiatement réfutée, tandis que d’autres ont accueillie avec enthousiasme. Les témoignages contradictoires des différents protagonistes de cette affaire, le juge d’instruction a scrupuleusement recueillis avant de rendre son verdict équilibré. Cette opportunité exceptionnelle de collaboration internationale, notre équipe de recherche a saisie sans hésitation, consciente de son importance stratégique. Les paramètres fondamentaux de cette expérience scientifique, nous avons rigoureusement contrôlés afin d’obtenir des résultats fiables et reproductibles. Cette stratégie d’investissement à haut risque mais potentiellement très lucrative, les analystes financiers ont vivement déconseillée aux petits épargnants qui ne pourraient pas absorber d’éventuelles pertes. Les implications éthiques de cette avancée biotechnologique, le comité d’éthique a longuement débattues avant d’émettre ses recommandations nuancées. Cette interprétation novatrice d’un texte classique maintes fois analysé, les critiques littéraires ont soit encensée, soit complètement rejetée, illustrant la polarisation du milieu académique. Les dispositions controversées de ce projet de loi, l’opposition a farouchement combattues pendant des semaines de débats parlementaires houleux. Cette perspective de réconciliation entre les deux factions rivales, le médiateur international a prudemment évoquée lors de la conférence de presse, sans présenter comme acquise. Les répercussions socio-économiques de cette pandémie mondiale, les gouvernements ont sous-estimées, ce qui a considérablement compliqué la gestion de la crise. Cette méthodologie innovante d’apprentissage des langues étrangères, plusieurs universités prestigieuses ont déjà adoptée avec des résultats prometteurs. Les premières ébauches de son chef-d’œuvre littéraire, l’écrivain a détruites dans un moment de doute, décision qu’il regrettera toute sa vie. Cette proposition de réforme constitutionnelle, le Parlement a rejetée à une écrasante majorité, contrairement à toutes les prévisions des analystes politiques. Les conditions préalables à l’accord de paix, les deux parties ont finalement acceptées après d’interminables négociations sous l’égide des Nations Unies. Cette opportunité unique de redressement économique, le gouvernement nouvellement élu a malheureusement laissée passer par manque de vision à long terme. Les recommandations du rapport indépendant sur la réforme institutionnelle, la direction a partiellement mises en œuvre, privilégiant les mesures les moins contraignantes. Cette alliance stratégique entre les deux entreprises concurrentes, les actionnaires ont approuvée à l’unanimité lors de l’assemblée générale extraordinaire.

Résultat

Certificat de Réussite

Exercice de Grammaire: Les Pronoms COD

Ce certificat atteste que

a complété avec succès l’exercice sur les pronoms COD en français

Score: / 100

Niveau:

Date:

// Variables globales
let currentDifficulty = ‘facile’;
let userInfo = {
prenom: ”,
nom: ”,
email: ”
};

// Logo Aplenguas en SVG (version bleue pour les pronoms COD)
const aplenguas_logo_svg = `

`;

// Attente que le DOM soit chargé
document.addEventListener(‘DOMContentLoaded’, function() {
// Éléments du DOM
const startButton = document.getElementById(‘startButton’);
const changeDifficultyButton = document.getElementById(‘changeDifficultyButton’);
const checkButton = document.getElementById(‘checkButton’);
const generatePdfButton = document.getElementById(‘generatePdfButton’);
const difficultySelect = document.getElementById(‘difficultySelect’);

// Définir l’arrière-plan du certificat
const certificateBackground = document.querySelector(‘.certificate-background’);
certificateBackground.style.backgroundImage = `url(‘data:image/svg+xml;base64,${btoa(aplenguas_logo_svg)}’)`;

// Ajouter les logos SVG
const headerLogo = document.getElementById(‘certificateHeaderLogo’);
const footerLogo = document.getElementById(‘certificateFooterLogo’);
headerLogo.innerHTML = aplenguas_logo_svg;
footerLogo.innerHTML = aplenguas_logo_svg;

// Ajouter aussi le logo au container caché pour l’exportation PDF
document.getElementById(‘logoSvgContainer’).innerHTML = aplenguas_logo_svg;

// Ajout des écouteurs d’événements
startButton.addEventListener(‘click’, startExercise);
changeDifficultyButton.addEventListener(‘click’, changeDifficulty);
checkButton.addEventListener(‘click’, checkAnswers);
generatePdfButton.addEventListener(‘click’, generatePdf);

// Générer le QR code
function generateQRCode() {
const qrCodeContainer = document.getElementById(‘qrCodeContainer’);
qrCodeContainer.innerHTML = ”;

try {
// Version du QR code (1-40) avec un niveau de correction d’erreur ‘L’
var qr = qrcode(4, ‘L’);
qr.addData(‘https://aplenguas.com’);
qr.make();

qrCodeContainer.innerHTML = qr.createImgTag(4);
} catch (error) {
console.error(“Erreur lors de la génération du QR code:”, error);
// Fallback si la génération du QR code échoue
qrCodeContainer.innerHTML = ‘

QR Code

‘;
}
}

// Fonction pour démarrer l’exercice
function startExercise() {
// Validation des champs
const prenom = document.getElementById(‘prenom’).value.trim();
const nom = document.getElementById(‘nom’).value.trim();
const email = document.getElementById(‘email’).value.trim();
const subscribe = document.getElementById(‘subscribe’).checked;

// Réinitialisation des messages d’erreur
document.getElementById(‘prenomError’).textContent = ”;
document.getElementById(‘nomError’).textContent = ”;
document.getElementById(‘emailError’).textContent = ”;
document.getElementById(‘subscribeError’).textContent = ”;

// Validation
let isValid = true;

if (!prenom) {
document.getElementById(‘prenomError’).textContent = ‘Veuillez entrer votre prénom’;
isValid = false;
}

if (!nom) {
document.getElementById(‘nomError’).textContent = ‘Veuillez entrer votre nom’;
isValid = false;
}

if (!email) {
document.getElementById(‘emailError’).textContent = ‘Veuillez entrer votre email’;
isValid = false;
} else if (!isValidEmail(email)) {
document.getElementById(‘emailError’).textContent = ‘Veuillez entrer un email valide’;
isValid = false;
}

if (!subscribe) {
document.getElementById(‘subscribeError’).textContent = ‘Veuillez cocher cette case pour continuer’;
isValid = false;
}

if (isValid) {
// Enregistrer les informations de l’utilisateur
userInfo.prenom = prenom;
userInfo.nom = nom;
userInfo.email = email;

// Cacher le formulaire d’inscription
document.getElementById(‘subscriptionForm’).style.display = ‘none’;

// Afficher l’exercice
document.getElementById(‘exerciseContainer’).style.display = ‘block’;

// Afficher l’exercice avec la difficulté actuelle
showExercise(currentDifficulty);
}
}

// Fonction pour valider le format de l’email
function isValidEmail(email) {
const regex = /^[^s@]+@[^s@]+.[^s@]+$/;
return regex.test(email);
}

// Fonction pour changer la difficulté
function changeDifficulty() {
const newDifficulty = difficultySelect.value;
currentDifficulty = newDifficulty;
showExercise(currentDifficulty);
}

// Fonction pour afficher l’exercice selon la difficulté
function showExercise(difficulty) {
// Cacher tous les niveaux d’exercice
document.querySelectorAll(‘.exercise-level’).forEach(element => {
element.style.display = ‘none’;
});

// Afficher l’exercice de la difficulté choisie
document.getElementById(‘exercise’ + difficulty.charAt(0).toUpperCase() + difficulty.slice(1)).style.display = ‘block’;

// Réinitialiser les champs de réponse
document.querySelectorAll(‘.gap-input’).forEach(input => {
input.value = ”;
input.style.backgroundColor = ‘transparent’;
});

// Cacher le résultat et le certificat
document.getElementById(‘resultContainer’).style.display = ‘none’;
document.getElementById(‘certificatePreview’).style.display = ‘none’;
}

// Fonction pour vérifier les réponses
function checkAnswers() {
let correctAnswers = 0;
let totalQuestions = 0;

// Obtenir tous les champs de réponse du niveau actuel
const inputs = document.getElementById(‘exercise’ + currentDifficulty.charAt(0).toUpperCase() + currentDifficulty.slice(1)).querySelectorAll(‘.gap-input’);

// Vérifier chaque réponse
inputs.forEach(input => {
const correctAnswer = input.getAttribute(‘data-answer’);
const userAnswer = input.value.trim();

totalQuestions++;

if (userAnswer.toLowerCase() === correctAnswer.toLowerCase()) {
input.style.backgroundColor = ‘#d4edda’; // Vert pour une réponse correcte
correctAnswers++;
} else {
input.style.backgroundColor = ‘#f8d7da’; // Rouge pour une réponse incorrecte
}
});

// Calculer le score en pourcentage
const score = Math.round((correctAnswers / totalQuestions) * 100);

// Afficher le résultat
document.getElementById(‘scoreDisplay’).textContent = `Vous avez obtenu ${correctAnswers} réponses correctes sur ${totalQuestions} (${score}%)`;
document.getElementById(‘resultContainer’).style.display = ‘block’;

// Préparer le certificat
document.getElementById(‘certificateNamePreview’).textContent = `${userInfo.prenom} ${userInfo.nom}`;
document.getElementById(‘certificateScorePreview’).textContent = score;
document.getElementById(‘certificateLevelPreview’).textContent = currentDifficulty.charAt(0).toUpperCase() + currentDifficulty.slice(1);
document.getElementById(‘certificateDatePreview’).textContent = new Date().toLocaleDateString();

// Afficher le certificat
document.getElementById(‘certificatePreview’).style.display = ‘block’;

// Générer le QR code
generateQRCode();
}

// Fonction pour générer le PDF
function generatePdf() {
// S’assurer que jsPDF est bien chargé
if (typeof window.jspdf === ‘undefined’) {
// Essayer d’utiliser jsPDF depuis window
if (typeof window.jspdf === ‘undefined’) {
alert(“La bibliothèque jsPDF n’est pas correctement chargée. Impossible de générer le PDF.”);
return;
}
}

try {
// Créer un nouveau document PDF
const { jsPDF } = window.jspdf;
const doc = new jsPDF(‘landscape’, ‘mm’, ‘a4’);

// Dimensions du document A4 en paysage
const width = 297;
const height = 210;

// Dessiner un arrière-plan
doc.setFillColor(255, 255, 255);
doc.rect(0, 0, width, height, ‘F’);

// Dessiner des éléments décoratifs
doc.setFillColor(52, 152, 219, 0.1); // Bleu ciel transparent
doc.rect(0, 0, width, 20, ‘F’);
doc.rect(0, height – 20, width, 20, ‘F’);

// Bordure
doc.setDrawColor(52, 152, 219);
doc.setLineWidth(0.5);
doc.rect(10, 10, width – 20, height – 20, ‘S’);

// Titre
doc.setFont(‘helvetica’, ‘bold’);
doc.setFontSize(24);
doc.setTextColor(44, 62, 80);
doc.text(‘Certificat de Réussite’, width / 2, 40, { align: ‘center’ });

doc.setFontSize(18);
doc.text(‘Exercice de Grammaire: Les Pronoms COD’, width / 2, 50, { align: ‘center’ });

// Informations du certificat
doc.setFont(‘helvetica’, ‘normal’);
doc.setFontSize(14);
doc.text(‘Ce certificat atteste que’, width / 2, 70, { align: ‘center’ });

doc.setFont(‘helvetica’, ‘bold’);
doc.setFontSize(18);
doc.text(`${userInfo.prenom} ${userInfo.nom}`, width / 2, 80, { align: ‘center’ });

doc.setFont(‘helvetica’, ‘normal’);
doc.setFontSize(14);
doc.text(‘a complété avec succès l’exercice sur les pronoms COD en français’, width / 2, 90, { align: ‘center’ });

// Score et niveau
const score = document.getElementById(‘certificateScorePreview’).textContent;
doc.text(`Score: ${score} / 100`, width / 2, 110, { align: ‘center’ });

const niveau = currentDifficulty.charAt(0).toUpperCase() + currentDifficulty.slice(1);
doc.text(`Niveau: ${niveau}`, width / 2, 120, { align: ‘center’ });

// Date
const date = new Date().toLocaleDateString();
doc.text(`Date: ${date}`, width / 2, 130, { align: ‘center’ });

// Ligne de signature
doc.setDrawColor(0);
doc.line(width / 2 – 40, 160, width / 2 + 40, 160);
doc.text(‘Signature du Professeur’, width / 2, 170, { align: ‘center’ });

// Nom du fichier
const fileName = `certificat_pronoms_cod_${userInfo.nom}_${userInfo.prenom}.pdf`;

// Générer et télécharger le PDF
doc.save(fileName);

} catch (error) {
console.error(“Erreur lors de la génération du PDF:”, error);
alert(“Une erreur s’est produite lors de la génération du PDF. Veuillez réessayer.”);
}
}
});

1 comentario en “Exercice de Grammaire: Les Pronoms COD”

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *