Dans cet exercice, vous allez vous évaluer sur la conjugaison au présent simple.
.qcmf-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; max-width: 800px; margin: 24px auto; padding: 16px; }
.qcmf-card { background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.08); padding: 24px; }
.qcmf-header { display:flex; justify-content:space-between; align-items:center; margin-bottom: 12px; gap:12px; flex-wrap: wrap; }
.qcmf-title { font-size: clamp(18px, 2.4vw, 22px); font-weight: 700; margin:0; }
.qcmf-badge { font-size:12px; padding:6px 10px; border-radius:999px; background:#f2f4f7; }
.qcmf-progress { height:10px; background:#eef2f7; border-radius:999px; overflow:hidden; margin:12px 0 20px; }
.qcmf-progress > div { height:100%; width:0; background: linear-gradient(90deg,#4f46e5,#22c55e); transition: width .35s ease; }
.qcmf-question { font-size: clamp(18px, 2.6vw, 22px); line-height: 1.4; margin: 10px 0 14px; }
.qcmf-options { display:grid; gap:12px; grid-template-columns: 1fr; }
.qcmf-btn { border:1px solid #e5e7eb; background:#fff; border-radius: 12px; padding: 12px 14px; text-align:left; cursor:pointer; font-size:16px; transition: transform .06s ease, border-color .2s, background .2s; color:#111; }
.qcmf-btn:hover { transform: translateY(-1px); border-color:#c7d2fe; background:#f8fafc; }
.qcmf-btn[disabled] { opacity:.8; cursor:not-allowed; }
.qcmf-btn.correct { border-color:#22c55e; background:#ecfdf5; }
.qcmf-btn.wrong { border-color:#ef4444; background:#fef2f2; }
.qcmf-feedback { margin-top: 12px; padding: 12px 14px; border-left: 4px solid #e5e7eb; border-radius:10px; background:#f8fafc; font-size:14px; }
.qcmf-feedback.good { border-color:#22c55e; background:#ecfdf5; }
.qcmf-feedback.bad { border-color:#ef4444; background:#fef2f2; }
.qcmf-cta { border:none; border-radius:10px; padding:10px 14px; font-weight:600; cursor:pointer; margin-top:12px; }
.qcmf-cta.primary { background:#4f46e5; color:#fff; }
.qcmf-note { font-size: clamp(20px, 3vw, 28px); font-weight:800; }
@media (min-width: 640px) { .qcmf-options { grid-template-columns: 1fr 1fr; } }
(function(){
const QUESTIONS = [
{ question: « I ___ a student. », options: [« is », « are », « am », « be »], correctIndex: 2, explications: [« Error: ‘I is’ is wrong. », « Error: ‘I are’ is wrong. », « Correct: ‘I am a student.' », « Error: ‘be’ is infinitive. »] },
{ question: « She ___ 13 years old. », options: [« is », « are », « am », « be »], correctIndex: 0, explications: [« Correct: ‘She is 13 years old.' », « Error: ‘are’ wrong with she. », « Error: ‘am’ wrong. », « Error: ‘be’ wrong. »] },
{ question: « They ___ from England. », options: [« is », « are », « am », « be »], correctIndex: 1, explications: [« Error: ‘They is’ wrong. », « Correct: ‘They are from England.' », « Error: ‘They am’ wrong. », « Error: infinitive. »] },
{ question: « He ___ football every Saturday. », options: [« play », « plays », « playing », « played »], correctIndex: 1, explications: [« Error: needs -s. », « Correct: ‘He plays football.' », « Error: wrong tense. », « Error: past tense. »] },
{ question: « We ___ to school by bus. », options: [« go », « goes », « going », « gone »], correctIndex: 0, explications: [« Correct: ‘We go to school by bus.' », « Error: ‘goes’ only with he/she. », « Error: wrong form. », « Error: past participle. »] },
{ question: « My parents ___ two cars. », options: [« have », « has », « having », « haves »], correctIndex: 0, explications: [« Correct: ‘They have two cars.' », « Error: ‘has’ with he/she. », « Error: wrong form. », « Error: ‘haves’ does not exist. »] },
{ question: « She ___ English very well. », options: [« speak », « speaks », « speaking », « spoken »], correctIndex: 1, explications: [« Error: needs -s. », « Correct: ‘She speaks English.' », « Error: wrong form. », « Error: past participle. »] },
{ question: « You ___ very friendly. », options: [« is », « are », « am », « be »], correctIndex: 1, explications: [« Error: ‘you is’ wrong. », « Correct: ‘You are very friendly.' », « Error: ‘you am’ wrong. », « Error: infinitive. »] },
{ question: « The dog ___ in the garden. », options: [« run », « runs », « running », « ran »], correctIndex: 1, explications: [« Error: needs -s for he/she/it. », « Correct: ‘The dog runs in the garden.' », « Error: wrong tense. », « Error: past tense. »] },
{ question: « We ___ our homework after school. », options: [« do », « does », « did », « doing »], correctIndex: 0, explications: [« Correct: ‘We do our homework.' », « Error: ‘does’ with he/she. », « Error: past tense. », « Error: continuous form. »] },
{ question: « She ___ her bed every morning. », options: [« make », « makes », « made », « making »], correctIndex: 1, explications: [« Error: needs -s. », « Correct: ‘She makes her bed.' », « Error: past tense. », « Error: continuous. »] },
{ question: « I ___ pizza. », options: [« like », « likes », « liking », « liked »], correctIndex: 0, explications: [« Correct: ‘I like pizza.' », « Error: ‘likes’ with he/she. », « Error: wrong form. », « Error: past tense. »] },
{ question: « My sister ___ TV in the evening. », options: [« watch », « watches », « watched », « watching »], correctIndex: 1, explications: [« Error: needs -es. », « Correct: ‘She watches TV.' », « Error: past tense. », « Error: continuous. »] },
{ question: « They ___ to music every day. », options: [« listen », « listens », « listened », « listening »], correctIndex: 0, explications: [« Correct: ‘They listen to music.' », « Error: ‘listens’ with he/she. », « Error: past tense. », « Error: continuous. »] },
{ question: « He ___ not like carrots. », options: [« do », « does », « don’t », « doesn’t »], correctIndex: 3, explications: [« Error: ‘do not’ with he/she = doesn’t. », « Error: missing ‘not’. », « Error: ‘don’t’ wrong for he. », « Correct: ‘He doesn’t like carrots.' »] }
];
const elRoot = document.getElementById(« qcm-english-present »);
let index=0, correct=0;
const h=(t,a={},…c)=>{const e=document.createElement(t);for(const[k,v]of Object.entries(a||{})){if(k=== »class »)e.className=v;else if(k=== »html »)e.innerHTML=v;else e.setAttribute(k,v)}c.forEach(x=>{if(x!=null)e.appendChild(typeof x=== »string »?document.createTextNode(x):x)});return e};
function render(){
elRoot.innerHTML= » »;
const q=QUESTIONS[index];
const header=h(« div »,{class: »qcmf-header »},
h(« h2″,{class: »qcmf-title »}, »Present Simple – English QCM »),
h(« span »,{class: »qcmf-badge »},`Question ${index+1}/${QUESTIONS.length}`)
);
const progress=h(« div »,{class: »qcmf-progress »},h(« div »,{style:`width:${(index/QUESTIONS.length)*100}%`}));
const opts=h(« div »,{class: »qcmf-options »});
q.options.forEach((opt,i)=>{
const btn=h(« button »,{class: »qcmf-btn »},opt);
btn.onclick=()=>{
[…opts.children].forEach(b=>b.disabled=true);
if(i===q.correctIndex){correct++;btn.classList.add(« correct »);}
else btn.classList.add(« wrong »);
const fb=h(« div »,{class: »qcmf-feedback « +(i===q.correctIndex? »good »: »bad »)},q.explications[i]);
opts.appendChild(fb);
const next=h(« button »,{class: »qcmf-cta primary »}, »Next »);
next.onclick=()=>{if(index{index=0;correct=0;render();};return btn;})()
));
}
render();
})();
Pour t’aider, voici les règles de base du présent simple en anglais :
Quand l’utiliser ?
- Pour parler de ce que tu fais souvent : I play football on Sundays.
- Pour dire des vérités générales : The Earth goes around the sun.
- Pour décrire une habitude : She drinks milk every morning.
Forme affirmative
- Sujet + verbe.
- ⚠️ À la 3ᵉ personne (he, she, it), on ajoute -s au verbe.
- I like pizza.
- He likes pizza.
Forme négative
- Sujet + don’t + verbe (base).
- 3ᵉ personne (he, she, it) → doesn’t + verbe (base, sans -s).
- I don’t watch TV in the morning.
- She doesn’t play basketball.
Forme interrogative (question)
- Do/Does + sujet + verbe (base)
- Do you like music?
- Does he live in Paris?
Mots utiles avec le présent simple
- always = toujours
- usually = d’habitude
- often = souvent
- sometimes = parfois
- never = jamais
- every day = tous les jours
Petits pièges à retenir
- Verbes finissant par -ch, -sh, -o, -ss, -x, -z → + -es (watch → watches).
- Verbes finissant par consonne + y → y → ies (study → studies).