Skip to content

D
Dia_006
Switch branch/tag
Find file
Normal viewHistoryPermalink
Ejercicio_002.html 1.57 KB
Newer Older
Initial commit
096592bd
 
willgonzz 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 41 42 43 44 45 46 
<!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>EJERCICIO_002</title>
</head>
<body>
    <fieldset>
        <legend>Billing Information</legend>
        <p>
            <label>
                Postal Address:<br>
                <input onclick=setHomeAddress() name="postaladdress" id="postaladdress"></input>
            </label>
        </p>
        <p>
            Home Address:<br>
            <label>
                <input " type="checkbox" name="homepostalcheck" id="homepostalcheck">
                Same as above
            </label>
            <br>
            <input name="homeaddress" id="homeaddress"></input>
        </p>
    </fieldset>
    <script>
        function setHomeAddress(){
            document.querySelector('#postaladdress').addEventListener('change', (e)=>{
                alert(e.target.value);
            });
            document.querySelector('#homeaddressdiv').addEventListener('click', ()=>{
                if(document.querySelector('#homepostalcheck').checked){
                    document.querySelector('#homeaddress').disabled = true;
                    document.querySelector('#homeaddress').value = document.querySelector('#postaladdress').value;
                }else{
                    document.querySelector('#homeaddress').disabled = false;
                    document.querySelector('#homeaddress').value = "";
                }
            });
        }
        
    </script>    
</body>
</html>