function validateForm$()\{$

var fullName $=$ document.getElementById$(\text{'}$fullName$\text{'}).$value;

var dob $=$ document.getElementById$(\text{'}$dob$\text{'}).$value;

var gender $=$ document.getElementById$(\text{'}$gender$\text{'}).$value;

var email $=$ document.getElementById$(\text{'}$email$\text{'}).$value;

var phoneNumber $=$ document.getElementById$(\text{'}$phoneNumber$\text{'}).$value;

var medication $=$ document.getElementById$(\text{'}$medication$\text{'}).$value;

if $($fullName $==""||$ dob $==""||$ gender $==""||$ email $==""$

$||$ phoneNumber $==""||$ medication $==""$

$)\{$

alert$("$Please fill in all required fields."$)$;

return false;

$\}$ else $\{$

$//$ In a real application, here you would handle the form submission,

$//$ such as sending the data to a server. For this example, we'll just log to the console.

console.log$("$Submitted Data:", $\{$ fullName, dob, gender, email, phoneNumber, medication $\})$;

alert$("$Form submitted successfully!"$)$;

return true;

$\}$

$\}$

why is my code not returning "form submitted successfully" $--$ i keep getting the error of cannot read value of null

please fix code so it works properly