Need Help with the form of my practice project

Hi I am doing a vanilla JS practice that involves building up a form that will take the user’s inputs and place it inside a template to generate parent letters.

However, I don’t know why the inputs that I’ve filled into the form doesn’t show on the template and instead it read ‘undefined’

The browser doesn’t show any error either so I have no clue what’s wrong. Could someone help me with this? Thanks in advance.

P.s password is ‘apple’

https://codepen.io/ykiscoding/pen/rNVgXKb

Welcome to the forums @gamerlykesdiary. Try running your JS in repl.it or in this JS Tutor

Did it already. I still couldn’t get help.