Ну, во-первых, теги формы и скрипта должны быть внутри тега body.Ваши элементы в классовых играх - это теги td, поэтому у этих тегов нет свойства value, вместо этого у них есть свойство innerText, затем вы нигде не вызываете функцию представления.Измените свой код на это (я пишу только код, который вы должны изменить):
<form>
<p>Minimum Games Played?</p>
<input type="number" name="gamesnumber" id="gamesnumber"><br>
</form>
И этот JavaScript
<script type="text/javascript">
function view(){
var gamesnumber = document.getElementById("gamesnumber").value || 0; //this is valid because is a textinput, we add 0 as default value
var x = document.getElementsByClassName("games");
for(var i = 0; i < x.length; i++){
if(x[i].innerText < gamesnumber){
x[i].closest(".item-row").style.visibility = "visible";
}else{
x[i].closest(".item-row").style.visibility = "collapse";
}
}
}
window.addEventListener("load", function(){
//we add this event listener because your input element tecnically doesn't exist until page is loaded
var input_games = document.getElementById("gamesnumber");
input_games.addEventListener("input", view); //we call this function every time input value changes
});
</script>