JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://img2.goodfon.ru/wallpaper/big/e/33/cvetok-lepestki-gvozdika-3900.jpg" id="img-1">
<img src="https://img2.goodfon.ru/wallpaper/big/8/da/makro-listik-listochek-listya-3404.jpg" id="img-2">
<img src="https://img3.goodfon.ru/wallpaper/big/9/1c/igolka-nitki-serdce.jpg" id="img-3">
<img src="https://img4.goodfon.ru/wallpaper/big/3/78/galateia-babochki-para.jpg" id="img-4">
<img src="https://img1.goodfon.ru/wallpaper/big/0/5d/pticy-golubi-letyat-polet-para.jpg" id="img-5">

CSS

img {
  width: 100px;
  height: 100px;
  display: none;
}

JavaScript

let images = document.body.querySelectorAll(`img`);

document.addEventListener(`keydown`, event => {
  let index = +String.fromCharCode(event.which) - 1;

  if (index < 5) {
    images[index].style.display = `block`;
  }
}, false);