Цель состоит в том, чтобы добавить прослушиватель событий в форму, которая проверяет события «submit» для функции initForm, однако, куда бы я ни пошел, чтобы добавить прослушиватель событий, определенный фрагмент кода продолжает появляться как неопределенный.
let ShapeLink = (function(){
//code here!
return {
initForm: function(frm){
//code here!
}
}
})()
Может ли на это повлиять этот фрагмент кода, который был в тегах сценария в HTML?
ShapeLink.initForm(document.querySelector("form"));
Куда мне поместить слушателя события? а какой формат?
ps вот полный HTML
<body>
<form>
<label for="name">Name:</label>
<input type="text" id="name">
<label for="shapeSelect">Shape:</label>
<select name="" id="shapeSelect">
<option value="">pick a shape</option>
<option value="square">Square</option>
<option value="circle">Circle</option>
</select>
<input type="submit" value="Submit">
</form>
<div id="outputText"></div>
<svg width=100 height=100></svg>
<script>
ShapeLink.initForm(document.querySelector("form"));
</script>
Цель состоит в том, чтобы поместить весь мой код в файл js (javascript вверху страницы.) Я не уверен, что мне нужно сделать, чтобы определить ShapeLink.