Bereid je voor op de nieuwe ADAS-vragen van het CBR

Sinds april 2026 is het auto theorie-examen uitgebreid met vragen over Advanced Driver Assistance Systems (ADAS). Maak je geen zorgen, je hoeft echt geen technisch expert te zijn om te slagen. Het CBR toetst uitsluitend je basisbegrip van deze slimme rijhulpsystemen. Het is vooral belangrijk dat je de werking ervan snapt, de beperkingen herkent en beseft dat jij als bestuurder altijd de controle én de eindverantwoordelijkheid houdt.

Klaar om je kennis op de proef te stellen? Start hieronder direct met 20 actuele ADAS-vragen 👇

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
:root { --p:#3e64de; --s:#a7f3d0; --b:#f9fafb; --c:#ffffff; --txt:#1f2937; --m1:#4b5563; --m2:#9ca3af; --bd:#e5e7eb; --ok-b:#d1fae5; --ok-txt:#065f46; --bad-b:#fee2e2; --bad-txt:#991b1b; --rad: 20px; --sh: 0 20px 40px rgba(0,0,0,.08); }
* { box-sizing: border-box; font-family: ui-sans-serif, system-ui, sans-serif; }
body { margin: 0; padding: 10px; background: transparent; color: var(--txt); }
.c-head { text-align: center; margin-bottom: 20px; max-width: 750px; margin-left: auto; margin-right: auto; }
.c-head h1 { margin: 0; font-size: 26px; font-weight: 800; color: #3e64de; }
.c-head p { margin: 5px 0 20px 0; color: var(--m1); font-size: 15px; }

.c-card { max-width: 750px; margin: 0 auto; background:var(--c); border:1px solid var(--bd); border-radius: var(--rad); box-shadow: var(--sh); overflow:hidden; }

.c-in { padding: 25px; }
.c-meta { display:flex; justify-content:space-between; align-items: center; margin-bottom: 15px; border-bottom: 2px solid var(--bd); padding-bottom: 10px; }
.c-num { color:var(--p); font-weight:800; font-size:14px; text-transform: uppercase; }
.c-q { font-size: 20px; line-height: 1.4; margin-bottom: 20px; font-weight: 750; color: #111827; white-space: pre-wrap; }
.c-ans { display:flex; flex-direction:column; gap:12px; }
.c-btn { border:2px solid var(--bd); border-radius: 12px; padding: 16px; background:var(--c); cursor:pointer; display:flex; gap:15px; align-items:center; text-align:left; width: 100%; color: var(--txt); font-size: 16px; transition: all 0.2s ease; margin:0; }
.c-btn:hover { border-color: var(--p); background: rgba(62,100,222, 0.05); }
.c-btn.sel .c-rad::after { content:""; position:absolute; inset: 3px; border-radius:999px; background: var(--p); }
.c-btn.sel .c-rad { border-color: var(--p); }
.c-btn.sel .c-chk { border-color: var(--p); background: var(--p); }
.c-btn.sel .c-chk::after { content: "✓"; position: absolute; top: -2px; left: 3px; color: #fff; font-size: 14px; font-weight: bold; }
.c-btn.cor { border-color: var(--ok-txt); background: var(--ok-b); }
.c-btn.wro { border-color: var(--bad-txt); background: var(--bad-b); }
.c-rad { width:22px; height:22px; border-radius:999px; border:3px solid var(--m2); flex:0 0 auto; position:relative; }
.c-chk { width: 22px; height: 22px; border-radius: 6px; border: 3px solid var(--m2); position: relative; flex: 0 0 auto; }
.c-inp { padding: 15px; font-size: 18px; border: 3px solid var(--bd); border-radius: 12px; width: 100%; max-width: 250px; outline: none; }
.c-inp:focus { border-color: var(--p); }
.c-fb { margin-top: 20px; border-radius: 12px; padding: 16px; border:2px solid var(--bd); display:none; line-height: 1.5; font-size: 15px; }
.c-fb.g { display:block; background: var(--ok-b); color: var(--ok-txt); font-weight: 600; }
.c-fb.b { display:block; background: var(--bad-b); color: var(--bad-txt); font-weight: 600; }
.c-nav { display:flex; justify-content:space-between; padding: 20px; border-top: 2px solid var(--bd); background: #fdfdfd; gap:10px;}
.btn { border:2px solid var(--bd); background: var(--p); color:#fff; padding: 12px 24px; border-radius: 12px; font-weight: 700; cursor:pointer; font-size:16px; transition: all 0.2s ease; display: inline-flex; justify-content: center; align-items: center; }
.btn:hover { opacity: 0.9; }
.btn.sec { background: var(--c); color: var(--txt); border-color: var(--bd); }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.c-res { margin: 20px auto 0 auto; max-width: 750px; display:none; background: #fff; padding: 40px 30px; border-radius: var(--rad); box-shadow: var(--sh); border: 2px solid var(--bd); }
.c-res.op { display:block; }
.c-res-header { text-align: center; margin-bottom: 30px; }
.c-sc { font-size: 38px; font-weight: 800; color: var(--p); margin-bottom: 10px; }
.c-st { font-size: 16px; color: var(--m1); margin-bottom: 20px; line-height: 1.5; }
.res-list { text-align: left; max-height: 400px; overflow-y: auto; margin-bottom: 30px; padding-right: 10px; border-top: 2px solid var(--bd); border-bottom: 2px solid var(--bd); }
.res-item { padding: 15px 0; border-bottom: 1px solid var(--bd); }
.res-item:last-child { border-bottom: none; }
.res-q { font-weight: 700; color: var(--txt); margin-bottom: 5px; font-size: 16px; }
.res-status { font-weight: 700; font-size: 14px; margin-bottom: 5px; display: inline-block; padding: 4px 8px; border-radius: 6px; }
.res-status.ok { background: var(--ok-b); color: var(--ok-txt); }
.res-status.bad { background: var(--bad-b); color: var(--bad-txt); }
.res-exp { font-size: 14px; color: var(--m1); line-height: 1.4; }

/* Visual Interaction CSS */
.v-ui { display: flex; flex-direction: column; gap: 20px; margin-top: 10px; }
.v-img-box, .q-img-wrapper { width: 100%; border-radius: 12px; overflow: hidden; border: 2px solid var(--bd); position: relative; background: #fff; line-height: 0; font-size: 0; aspect-ratio: 16/9; margin-bottom: 20px; }
.v-img-box img, .q-img-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v-src { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.v-stamp { width: 55px; height: 55px; background-color: var(--p); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; cursor: pointer; transition: all 0.2s ease; border: 3px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,.2); user-select: none; }
.v-stamp.active { transform: scale(1.15); box-shadow: 0 0 0 4px rgba(62,100,222,.4); }
.v-stamp.placed { opacity: 0.3; cursor: default; }
.v-zone { position: absolute; border: 3px dashed rgba(255,255,255,.9); border-radius: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; cursor: pointer; background: rgba(0,0,0,0.35); box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.v-zone:hover { background: rgba(62,100,222,.6); transform: translate(-50%, -50%) scale(1.1); }
.v-zone.has-val { border-style: solid; background-color: var(--p); color: #fff; font-size: 18px; font-weight: 800; border-color: #fff; }

.v-watermark { position: absolute; bottom: 8px; right: 8px; color: rgba(255, 255, 255, 0.7); font-size: 11px; font-weight: bold; font-family: sans-serif; pointer-events: none; user-select: none; background: rgba(0, 0, 0, 0.3); padding: 3px 6px; border-radius: 4px; line-height: 1; z-index: 10; }

/* Custom Scrollbar voor res-list */
.res-list::-webkit-scrollbar { width: 8px; }
.res-list::-webkit-scrollbar-track { background: var(--b); border-radius: 4px; }
.res-list::-webkit-scrollbar-thumb { background: var(--m2); border-radius: 4px; }
</style>
</head>
<body>

<div id="qImgWrapper" class="q-img-wrapper" style="display:none;">
    <img decoding="async" id="qImg" src="" alt="Vraag afbeelding">
    <span class="v-watermark">Theorie-cursus.nl</span>
</div>

<div id="defAns" class="c-ans" style="display:none;"></div>
<div id="visAns" class="v-ui" style="display:none;">
  <div class="v-img-box" id="imgBox">
    <img decoding="async" id="vImg" src="" alt="Situatie">
    <span class="v-watermark">Theorie-cursus.nl</span>
  </div>
  <div style="display:flex; flex-direction:column; gap:12px;">
    <p style="margin:0; text-align:center; font-weight:600; font-size:16px; color:var(--txt);" id="vInstr">Klik eerst op een cijfer en daarna op de juiste plek in de foto:</p>
    <div class="v-src" id="stampSrc">
      <div class="v-stamp" data-v="1">1e</div>
      <div class="v-stamp" data-v="2">2e</div>
      <div class="v-stamp" data-v="3">3e</div>
    </div>
  </div>
</div>
<button class="btn sec" id="chkBtn" style="margin-top:20px; width:100%; display:none;">Controleer Antwoord</button>
<div class="c-fb" id="fb"></div>
</div>
<div class="c-nav">
<button class="btn sec" id="pBtn">Vorige</button>
<button class="btn" id="nBtn">Volgende</button>
</div>
</div>

<div class="c-res" id="res">
  <div class="c-res-header">
    <div class="c-sc" id="score"></div>
    <p class="c-st">Hieronder zie je precies welke vragen je goed of fout had beantwoord, inclusief de uitgebreide uitleg.</p>
  </div>
  
  <div class="res-list" id="resList">
    </div>

<div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
    <button class="btn" onclick="resetExam()" style="width: 100%; max-width: 280px; padding: 16px;">Vragen Opnieuw Maken</button>
    <a href="https://theorie-cursus.nl/cursus/auto/hoofdstukken/1-6-1-adas-advanced-driver-assistance-systems/" target="_parent" class="btn" style="width: 100%; max-width: 280px; padding: 16px; background-color: #89CFF0; color: #fff; text-decoration: none; border: none;">Terug naar de theorie</a>
  </div>
</div>

var i=0, a={}, d={};
var selStamp = null;
var $ = function(id){ return document.getElementById(id); };

function resizeParent() {
    try {
        var frame = window.parent.document.getElementById("cbr-iframe");
        if(frame) {
            frame.style.height = (document.body.scrollHeight + 30) + "px";
        }
    } catch(e) {}
}

function resetExam() {
    i = 0;
    a = {};
    d = {};
    $("res").classList.remove("op");
    $("qBox").style.display = "block";
    r();
    scrollToTop();
}

function r(){
  var q = Q[i];
  $("qNum").textContent = "Vraag " + (i+1) + " van " + Q.length + " (" + q.top + ")";
  $("qTxt").textContent = q.q;
  var dAns = $("defAns"); var vAns = $("visAns");
  dAns.innerHTML = ""; selStamp = null;
  
  if(a[q.id]===undefined){ a[q.id] = (q.t==="mu")?[]:(q.t==="vis")?{}:(q.t==="in")?"":null; }

if(q.t !== "vis" && q.img) {
      $("qImg").src = q.img;
      $("qImgWrapper").style.display = "block";
      $("qImg").onload = resizeParent;
  } else {
      $("qImgWrapper").style.display = "none";
  }
  
  if(q.t==="vis"){
    dAns.style.display="none"; vAns.style.display="flex";
    $("vImg").src = q.img;
    $("vImg").onload = resizeParent;
    
    var iBox = $("imgBox");
    var existingZones = iBox.querySelectorAll(".v-zone");
    for(var k=0; k<existingZones.length; k++) existingZones[k].remove();
    
    var stamps = $("stampSrc").querySelectorAll(".v-stamp");
    for(var k=0; k<stamps.length; k++){
      stamps[k].className = "v-stamp";
      var sv = stamps[k].getAttribute("data-v");
      var isPlaced = false;
      for(var key in a[q.id]){ if(a[q.id][key] === sv) isPlaced = true; }
      if(isPlaced) stamps[k].classList.add("placed");
      
      stamps[k].onclick = function(){
        if(d[q.id] || this.classList.contains("placed")) return;
        for(var j=0; j<stamps.length; j++) stamps[j].classList.remove("active");
        this.classList.add("active");
        selStamp = this.getAttribute("data-v");
      };
    }
    
    q.z.forEach(function(zc){
      var z = document.createElement("div");
      z.className = "v-zone";
      z.style.top = zc.t + "%"; z.style.left = zc.l + "%";
      var uVal = a[q.id][zc.id];
      if(uVal){ z.classList.add("has-val"); z.textContent = uVal+"e"; }
      
      if(d[q.id] && uVal){
        if(String(uVal) === String(q.cor[zc.id])) z.style.borderColor = "#7ad79a"; else z.style.borderColor = "#ff9a9a";
      }
      
      z.onclick = function(){
        if(d[q.id]) return;
        if(uVal){
          a[q.id][zc.id] = null; r(); return;
        }
        if(selStamp){
          a[q.id][zc.id] = selStamp; selStamp = null; r();
        } else {
          alert("Klik eerst op een cijfer (1e, 2e of 3e) en daarna op dit rondje.");
        }
      };
      iBox.appendChild(z);
    });
    
  } else {
    dAns.style.display="flex"; vAns.style.display="none";
    if(q.t==="mc"||q.t==="yn"){
      q.o.forEach(function(o,x){
        var b = document.createElement("button"); b.className = "c-btn";
        if(a[q.id]===x) b.classList.add("sel");
        if(d[q.id]){ b.style.cursor="default"; if(x===q.c) b.classList.add("cor"); else if(a[q.id]===x) b.classList.add("wro"); }
        b.innerHTML = "<div class=\"c-rad\"></div><div style=\"width:100%\">"+o+"</div>";
        b.onclick = function(){ if(!d[q.id]){ a[q.id]=x; r(); }};
        dAns.appendChild(b);
      });
    } else if(q.t==="in"){
      if(q.instr) {
        var lbl = document.createElement("div");
        lbl.style.fontWeight = "600";
        lbl.style.marginBottom = "8px";
        lbl.style.color = "var(--txt)";
        lbl.textContent = q.instr;
        dAns.appendChild(lbl);
      }
      
      var p = document.createElement("input"); p.type="number"; p.className="c-inp"; p.placeholder="Vul in..."; p.value=a[q.id]; p.disabled=d[q.id];
      p.oninput = function(e){ a[q.id]=e.target.value; };
      dAns.appendChild(p);
      if(d[q.id]){ var k=(String(a[q.id])===String(q.c)); p.style.borderColor=k?"#7ad79a":"#ff9a9a"; p.style.backgroundColor=k?"#e9f8ef":"#ffecec"; }
    } else if(q.t==="mu"){
      q.o.forEach(function(o,x){
        var b = document.createElement("button"); b.className = "c-btn";
        var s = a[q.id].indexOf(x)>-1;
        if(s) b.classList.add("sel");
        if(d[q.id]){ var k=(q.c.indexOf(x)>-1); b.style.cursor="default"; if(k) b.classList.add("cor"); else if(s&&!k) b.classList.add("wro"); }
        b.innerHTML = "<div class=\"c-chk\"></div><div style=\"width:100%\">"+o+"</div>";
        b.onclick = function(){ if(!d[q.id]){ if(s) a[q.id]=a[q.id].filter(function(v){return v!==x;}); else a[q.id].push(x); r(); }};
        dAns.appendChild(b);
      });
    }
  }
  
  var cBtn = $("chkBtn");
  if(d[q.id]){ cBtn.style.display="none"; } else {
    cBtn.style.display="block";
    cBtn.onclick = function(){
      if(q.t==="mc"||q.t==="yn"){ if(a[q.id]===null) return alert("Kies eerst een antwoord."); }
      if(q.t==="in"){ if(a[q.id]==="") return alert("Vul een getal in."); }
      if(q.t==="mu"){ if(a[q.id].length===0) return alert("Kies minimaal 1 antwoord."); }
      if(q.t==="vis"){ var f=true; q.z.forEach(function(zc){ if(!a[q.id][zc.id])f=false; }); if(!f) return alert("Plaats alle cijfers in de afbeelding."); }
      d[q.id]=true; r();
    };
  }
  
  var f = $("fb");
  if(d[q.id]){
    f.style.display="block"; var ok=false;
    if(q.t==="mc"||q.t==="yn") ok=(a[q.id]===q.c);
    else if(q.t==="in") ok=(String(a[q.id])===String(q.c));
    else if(q.t==="mu"){ ok=(a[q.id].length===q.c.length); for(var j=0;j<a[q.id].length;j++){ if(q.c.indexOf(a[q.id][j])===-1) ok=false; } }
    else if(q.t==="vis"){ ok=true; for(var key in q.cor){ if(String(a[q.id][key])!==String(q.cor[key])) ok=false; } }
    f.className="c-fb "+(ok?"g":"b"); f.textContent=(ok?"Goed! ":"Fout! ")+q.e;
  } else { f.style.display="none"; }
  
  $("pBtn").disabled=(i===0);
  
  var nBtn = $("nBtn");
  if(i===Q.length-1){
    nBtn.textContent="Resultaat Bekijken";
    nBtn.onclick=function(){
      var tot=0; 
      var resHtml = "";
      
      Q.forEach(function(u, idx){
        var ok=false;
        var uAns = a[u.id];
        
        if(u.t==="mc"||u.t==="yn") ok=(uAns===u.c);
        else if(u.t==="in") ok=(String(uAns)===String(u.c));
        else if(u.t==="mu"){ 
            ok=(uAns && uAns.length===u.c.length); 
            if(ok) { for(var j=0;j<uAns.length;j++){ if(u.c.indexOf(uAns[j])===-1) ok=false; } }
        }
        else if(u.t==="vis"){ 
            ok=true; 
            for(var key in u.cor){ if(!uAns || String(uAns[key])!==String(u.cor[key])) ok=false; } 
        }
        
        if(d[u.id]&&ok) tot++;
        
        var iconClass = ok ? "res-status ok" : "res-status bad";
        var iconText = ok ? "✓ Goed beantwoord" : "✗ Fout beantwoord";
        
        resHtml += "<div class='res-item'>";
        resHtml += "<div class='res-q'>" + (idx+1) + ". " + u.q + "</div>";
        resHtml += "<div class='" + iconClass + "'>" + iconText + "</div>";
        resHtml += "<div class='res-exp'>" + u.e + "</div>";
        resHtml += "</div>";
      });
      
      $("resList").innerHTML = resHtml;
      $("res").classList.add("op"); 
      $("score").innerHTML="Jouw Score: " + tot + " / " + Q.length; 
      $("qBox").style.display="none";
      setTimeout(resizeParent, 50);
      scrollToTop();
    };
  } else {
    nBtn.textContent="Volgende"; nBtn.onclick=function(){ if(i<Q.length-1){ i++; r(); scrollToTop(); }};
  }
  
  setTimeout(resizeParent, 50);
}

$("pBtn").onclick = function() { 
  if(i > 0) { i--; r(); scrollToTop(); } 
};

window.addEventListener("resize", resizeParent);
r();
</script>
</body>
</html>

Bereid je voor op de nieuwe ADAS-vragen van het CBR

Algemeen

Examentips

Theorie-cursus.nl