JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#image1{
  display: block;
}

JavaScript

let btn = document.querySelector('.btn');
btn.addEventListener('click',()=>{
  let source = document.querySelector("#numb").value;
  let image = document.querySelector("#image1");
  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";
})