I am new to coding and would like to know why the bolded innerhtml will not change onclick of button


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p align="right" id="cheese"></p>
<button type="button" onclick="myfuncttion()" style="float:right">Transportation</button>
<p align="right" id="m"></p>
<script>
var transportation="Car";
document.getElementById("cheese").innerHTML=transportation;
</script>
<script>
function myfunction()
{
document.getElementById("m").innerHTML"G";
}

</script
</body>
</html>