JSFiddle - React, Tailwind, and code Playground

HTML

<img id="image1">
<input id="numb">
<select id="size-X">
  <option>100</option>
  <option>200</option>
  <option>300</option>
</select>
<select id="size-Y">
  <option>100</option>
  <option>200</option>
  <option>300</option>
</select>
<button class="btn">Submit</button>

CSS

#image1, input, select{
  display: block;
}

JavaScript

let image = document.querySelector("#image1");
let btn = document.querySelector('.btn');
btn.addEventListener('click',()=>{
  setSize();
})
btn.addEventListener('keydown',(e)=>{
  if(e.keycode == 13) setSize();
})
function setSize(){
  let source = document.querySelector("#numb").value;
  let sizeX = document.querySelector("#size-X").value;
  let sizeY = document.querySelector("#size-Y").value;
  image.src = source;
  image.style.width = sizeX + "px";
  image.style.height = sizeY + "px";
}