Web Review

Review

How review works

Ideas you missed in a checkpoint come back here a day later, then again a few days after that. A couple of short problems each. Coming back to them after a gap is what makes them stick.

    Back to the course
      problem.html to run
      <h1>Pancakes<h1>
<p>Serves 4. Takes 20 minutes.</p>
<ul>
  <li>2 eggs</li>
  <li>100 g flour</li>
</ul>
      problem.html to run
      <!-- Write your h1 and p below -->
<div>Songs I can't stop playing</div>
      problem.html to run
      <h2>Top songs</h2>
<ul>
  <li>Song one</li>
</ul>
      problem.html to run
      <h2>Gig poster</h2>
<img scr="/assets/noodle/happy.svg" alt="Noodle smiling" width="120">
      problem.html to run
      <h2>Neon Rain</h2>
<p>Read the lyrics</p>
      problem.html to run
      <h2>We won the school music prize</h2>
<p>Thanks to everyone who voted.</p>
      problem.html to run
      <style>
  .box {
    background-color: lightblue;
  }
</style>
<div class="box">I need some breathing room.</div>
      problem.html to run
      <style>
  .row {
    border: 1px solid gray;
  }
  .item {
    padding: 10px;
    background-color: orange;
  }
</style>
<div class="row">
  <div class="item">A</div>
  <div class="item">B</div>
  <div class="item">C</div>
</div>
      problem.html to run
      <style>
  .bar {
    height: 120px;
    background-color: #dfe8ff;
  }
</style>
<div class="bar">
  <button id="play">Play</button>
</div>
      problem.html to run
      <style>
  .band {
    color: navy
    font-size: 32px;
  }
</style>
<p class="band">The Paper Planes</p>
      problem.html to run
      <style>
  /* your rule goes here */
</style>
<h1>Danger zone</h1>
      problem.html to run
      <style>
</style>
<p>First paragraph.</p>
<p>Second paragraph, the important one.</p>
<p>Third paragraph.</p>
      problem.js to run
      const score = 10;
score = score + 5;
      problem.js to run
      const gamerTag = "PixelKnight";
const level = 14;
console.log("gamerTag reached level level");
      problem.js to run
      const crisps = 1.5;
const sandwich = 3.75;
const drink = 6.25;
// make a total, add each price, then print it
      problem.js
      console.log("3" + 4);
console.log(3 + 4);
console.log("Level " + 2 + 1);
console.log(2 + 1 + " lives");
      problem.js to run
      console.log("Hello");
      problem.js to run
      console.log(typeof "99");
console.log(typeof 99);
console.log(typeof "true");
      JavaScript