JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="input">

<div class="img img1 hidden"></div>
<div class="img img2 hidden"></div>
<div class="img img3 hidden"></div>

CSS

.hidden {
  display: none;
}

.img {
  width: 200px;
  height: 200px;
}

.img1 {background: green;}
.img2 {background: blue;}
.img3 {background: red;}

JavaScript

var input =  document.querySelector('.input');

var img1 = document.querySelector('.img1');
var img2 = document.querySelector('.img2');
var img3 = document.querySelector('.img3');

input.oninput = function() {
	if(input.value == 1) {
  	img1.classList.toggle('hidden');
  }
  else if(input.value == 2) {
  	img2.classList.toggle('hidden');
  }
  else if(input.value == 3) {
  	img3.classList.toggle('hidden');
  }
  else {
  	img1.classList.add('hidden');
    img2.classList.add('hidden');
    img3.classList.add('hidden');
  }
}