Russian Flag

index.html

<div class="flag">
  <div class="stripe white"></div>
  <div class="stripe blue"></div>
  <div class="stripe red"></div>
</div>

russian-flag.markdown

Russian Flag

A Pen by Shea Cole on CodePen.

License.

script.js

document.querySelector('.happy').addEventListener('pointerdown', (event) => {
  // Compare previous event's ID that was cached
  // to current event's ID and handle accordingly
  console.log(event.pointerId)
}, false);

document.querySelector('.sad').addEventListener('pointerdown', (event) => {
  // Compare previous event's ID that was cached
  // to current event's ID and handle accordingly
  console.log(event.pointerId)
}, false);

style.css

.flag {
  width: 400px;
  border: 1px solid grey;
}
.stripe {
  width: 400px;
  height: 70px;
}
.blue {
  background-color: blue;
}
.red {
  background-color: red;
}