Javascript Lezione 51

<!DOCTYPE html>
<html lang="EN">
<head>
    <meta charset="utf-8">
    <title>DOM1</title>

    <link rel="stylesheet" href="style.css">

    <style>
        img {width: 50px; height: 50px;}
        td {border: 1px solid black;}
    </style>

</head>
<body>
    <div id='div1'>
        <p id="p1">primo paragrafo</p>
        <p id="p2">secondo paragrafo
                   <img id="img1" src="teatro1.png">
                   <img id="img2" src="teatro2.png">
        </p>
    </div>

    <div id='div2'>
        <a href="https://www.bbc.com">sito bbc</a>
    </div>

    Londra <input class="c1" type="checkbox" name="capitali" id="cb1">
    Parigi <input class="c1" type="checkbox" name="capitali" id="cb2">
    Roma   <input type="checkbox" name="capitali" id="cb3">
    Madrid <input type="checkbox" name="capitali" id="cb4"> <br>

    Conferma operazione critica: <input type="text" name="conferma" id="conferma" value="NO">
    <img id='gatto' src="../drop_down_form/gatto.jpg" tipoImmagine="natura, animali">


    <script>
    //   for (let immagine of document.getElementsByTagName('img'))
    //     immagine.setAttribute('src', immagine.getAttribute('src').split('.')[0]+".jpg");

    //   const conferma = document.getElementById('conferma');
    //   conferma.value = 'SI';

      //conferma.value = 'SI';
    //   console.log(conferma.getAttribute('value'));
    //   console.log(conferma.value);

    // const immagine = document.getElementById('gatto');
    // console.log(immagine.src);
    // console.log(immagine.getAttribute('src'));
    // console.log(gatto.tipoImmagine);
    // console.log(gatto.getAttribute('tipoImmagine'));

     </script>
</body>
</html>