<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
document.addEventListener( "DOMContentLoaded" , function() {
function setNum()
{
var num = document.querySelector("[name='Number']:checked").value;
document.querySelector("[name='out']").value = num;
}
document.querySelectorAll("[name=Number]").forEach( inp => inp.addEventListener("change", setNum) )
});
</script>
</head>
<body>
<form action="http://">
<input name="Number" type="radio" value="5" checked>1
<input name="Number" type="radio" value="10" >2
<input type="text" name="out" value="5">
</form>
</body>
</html>