Your script is extremely confused, and has several syntax errors.
Based on the vague description, you're looking for something like:
const isPhoneSame = document.getElementById("getPhone");
const personalPhoneNumber = document.getElementById("personalphone");
const transportPhoneNumber = document.getElementById("CanditateTransportPhoneNumber");
const updatePhoneNumber = (clearIfDifferent) => {
if (isPhoneSame.checked) {
transportPhoneNumber.value = personalPhoneNumber.value;
transportPhoneNumber.readOnly = true;
} else {
if (clearIfDifferent) { transportPhoneNumber.value = ""; }
transportPhoneNumber.readOnly = false;
}
};
isPhoneSame.addEventListener("click", () => updatePhoneNumber(true));
personalPhoneNumber.addEventListener("change", () => updatePhoneNumber(false));
personalPhoneNumber.addEventListener("input", () => updatePhoneNumber(false));
personalPhoneNumber.addEventListener("blur", () => updatePhoneNumber(false));
You'll want to remove the
onclick
attribute from the checkbox, as the event handler is attached via code:
<input type="checkbox" id="getPhone" name="filladdress">
Demo[
^]