JSFiddle - React, Tailwind, and code Playground

by Aashish Handa

HTML

Image <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck"> 
			Video <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck"><br>
			
			<div id="ifYes" style="display:none">
				<input type='file' id='yes' name='yes' placeholder="Image">
			</div>
			
			<div id="ifNo" style="display:none">
				<input type='text' id='no' name='no' placeholder="Video">
			</div>

JavaScript

function yesnoCheck() {
				if (document.getElementById('yesCheck').checked) {
					document.getElementById('ifYes').style.display = 'block';
					document.getElementById('ifNo').style.display = 'none';
				}
				else if (document.getElementById('noCheck').checked) {
					document.getElementById('ifNo').style.display = 'block';
					document.getElementById('ifYes').style.display = 'none';
				}
			}