Skip to content

D
dia006
Switch branch/tag
Find file
Normal viewHistoryPermalink
eje2.html 1.25 KB
Newer Older
dia 6
bdddb4d5
 
Joel Florentin committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js exercises</title>
</head>
<body>
    <fieldset>
        <legend>Billing Information</legend>

        <p>
            <label for="">
                Postal Address:<br>
                <input type="text" name="postaladdress" id="postaladdress">
            </label>
        </p>
        <p>
            <label for="">
                Home Address:<br>
                <input type="checkbox" name="homepostalcheck" id="homepostalcheck">
                Same as above
            </label>
            <br>
            <input type="text" name="homeaddress" id="homeaddress">
        </p>
    </fieldset>
    <script>
        homepostalcheck = document.querySelector("#homepostalcheck");
        postaladdress = document.querySelector("#postaladdress");
        homeaddress = document.querySelector("#homeaddress");
        function setHomeAddress(){
            homeaddress.value = homepostalcheck.checked?postaladdress.value:""
        }
        homepostalcheck.addEventListener('change',setHomeAddress)
        homeaddress.disabled = true;
    </script>
</body>
</html>