Toggle between Radio buttons

<!DOCTYPE html>
<html lang=en>
<head>
<title></title>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width">
<style>

input {
transform:scale(2);
margin:20px 20px;
}

a {
font-size:30px;
font-family:courier new;
font-weight:900;
text-decoration:none;
}

</style>
</head>
<body>

<input id='html_input' onclick='html()'  type="radio" name="web"/>
<a href='#' onclick='foo_html()' target='_self'>Html</a><br/>

<input id='css_input' onclick='css()'  type="radio" name="web"/>
<a href='#' onclick='foo_css()' target='_self'>Css</a><br/>

<input id='script_input' onclick='script()'  type="radio" name="web"/>
<a href='#' onclick='foo_script()' target='_self'>JavaScript</a>


<script>
i=0;

function html(){
i=1;
}
function foo_html(){
if(i==1){
html_input.name='';
location.href='https://www.w3schools.com/html/';
}
}

function css(){
i=2;
}
function foo_css(){
if(i==2){
css_input.name='';
location.href='https://www.w3schools.com/css/';
}
}

function script(){
i=3;
}
function foo_script(){
if(i==3){
script_input.name='';
location.href='https://www.w3schools.com/js/';
}
}


</script>
</body>
</html>