✏️
Fill-in-the-Blank Quiz
0/1717 questions mirroring exam format. Type → Shift+Enter or Check. Green = correct. Q17 is the most important.
Q1 — HTML skeleton
<! html>
<html lang="">
<>
<meta ="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<>My Page</>
</>
<>
<h1>Hello</h1>
</>
</html>
Hit Enter to jump · Shift+Enter to check
Q2 — Linking external CSS and JS
< rel="stylesheet" ="style.css">
< src="code.js"></>
Hit Enter to jump · Shift+Enter to check
Q3 — CSS selectors
{ color: red; } /* targets all <p> */
{ color: blue; } /* targets class "btn" */
{ color: green; } /* targets id "main" */
Hit Enter to jump · Shift+Enter to check
Q4 — Variable declarations
x = 5; // block-scoped, reassignable
y = 10; // cannot be reassigned
Hit Enter to jump · Shift+Enter to check
Q5 — Reading user input
let name = document.("nameInput").;
Hit Enter to jump · Shift+Enter to check
Q6 — Update DOM
document.getElementById("greeting"). = "Hello " + name;
Hit Enter to jump · Shift+Enter to check
Q7 — POST with fetch
fetch(BASE_URL, {
: "POST",
body: JSON.(newItem)
})
.(res => res.())
.(data => alert("done"));
Hit Enter to jump · Shift+Enter to check
Q8 — GET and loop
fetch(BASE_URL)
.then(res => res.())
.then(data => {
Object.(data).(item => {
console.log(item.name);
});
});
Hit Enter to jump · Shift+Enter to check
Q9 — JSON conversion
let str = JSON.({a: 1, b: 2}); // object → string
let obj = JSON.(str); // string → object
Hit Enter to jump · Shift+Enter to check
Q10 — for loop
for ( i = 0; i 5; i) {
console.log(i);
}
Hit Enter to jump · Shift+Enter to check
Q11 — if/else
if (score >= 90) {
grade = "A";
} if (score >= 80) {
grade = "B";
} {
grade = "F";
}
Hit Enter to jump · Shift+Enter to check
Q12 — Array methods
let arr = [1, 2, 3];
arr.(4); // arr → [1,2,3,4]
let len = arr.; // 4
let doubled = arr.(x => x * 2); // [2,4,6,8]
Hit Enter to jump · Shift+Enter to check
Q13 — Event listener
button.("click", () => {
alert("clicked");
});
Hit Enter to jump · Shift+Enter to check
Q14 — Bootstrap grid
<div class="">
<div class="">
<div class="col-">half</div>
<div class="col-">half</div>
</div>
</div>
Hit Enter to jump · Shift+Enter to check
Q15 — Form
<form action="submit.js" ="POST">
<input ="text" name="user" ="Username" required>
<input type="">
</form>
Hit Enter to jump · Shift+Enter to check
Q16 — Template literal
let n = "Ali";
let s = `Hello , welcome!`;
Hit Enter to jump · Shift+Enter to check
Q17 — ⭐ Kodlar.docx core
const BASE_URL = "https://...firebasedatabase.app/foto2.";
function yukle() {
let isim = document.("isim").;
let foto = document.getElementById("fotourl").;
const newfoto = { isim, foto };
fetch(BASE_URL, {
method: "",
body: JSON.(newfoto)
})
.(res => res.())
.then(() => alert("done!"));
}
fetch(BASE_URL)
.then(res => res.())
.then(data => doldur(data));
function doldur(data) {
let icerik = document.getElementById("icerik");
icerik. = "";
Object.(data).(item => {
icerik.innerHTML += `<img src="">`;
});
}
Hit Enter to jump · Shift+Enter to check