пытаюсь заставить HTML радио вызывать функцию показа изображения

Question

я пытаюсь заставить это работать, чтобы показать изображение при щелчке радиуса и удалить его, когда выбран другой

function showprediction()
{
    var Radio= document.getElementByName("tf");
    if(type[0] == true)
    {
        var img = document.create('img');
        img.src= "images/FlatPhoto.jpg";
        document.getElementById('body').appendChild(img);  
    }
    else if(type[1] == true)
    {
        var img = document.create('img');
        img.src= "images/RoundPhoto.jpg";
        document.getElementById('body').appendChild(img);  
    }
}'''

Answer 1

Пример:

    let imgs = document.querySelector('#imgs')
    let create_img
    imgs.addEventListener('change', e =>{
      if(create_img)
        create_img.remove()
      create_img = document.createElement('img')
      create_img.setAttribute('src', e.target.value)
      document.body.appendChild(create_img)
    })

<div id="imgs">
      Image 1 <input type="radio" value="https://img.ibxk.com.br/2020/01/30/30021141299110.jpg?w=1120&h=420&mode=crop&scale=both" name="img">
      Image 2 <input type="radio" value="https://cdn.pixabay.com/photo/2012/11/21/17/02/lion-66898_960_720.jpg" name="img">
</div>

Здесь я создал div, который будет содержать входные данные, и из этого div проверяется, был ли выбран один из этих входов нажатием события change, если это происходит, это добавит изображение, используя входное значение