Projekt Filip Kinderman

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mini Projekt</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<h1 id='head'>Buldożek słodziutki jak z truskawką pierożek</h1>
<br>
<p>Buldog francuski – jedna z ras psów, należąca do grupy psów do towarzystwa, zaklasyfikowana do sekcji małych psów molosowatych. Typ dogowaty. Nie podlega próbom pracy, przesypia większość dnia. W taki sposób usypia czujność właściciela aby w nieoczekiwanym momencie rozpocząć wojnę czy to z poduszkami czy z firankami. Podczas ataku szału wskazane jest podziwianie tego zjawiska z bezpiecznej odległości.</p>
<br>
<h4> Moja psinka do tej pory </h4>
<div>
    <ul>
    <li id="fakt1">Podczas cieczki pomalowała nasz świat jednak nie na żółto i niebiesko lecz krwiście czerwono</li>
    <li id="fakt2">Bardzo często sprawiała pobudki w środku nocy</li>
    <li id="fakt3">Rozgryzła każdą zabawkę jaką dostała (Najdłużej wytrzymała gumowa kostka - 2 miesiące)</li>
    </ul>
</div>
<script>
    var fakty = document.getElementsByClassName('Fakty');
    console.log(document.getElementsByClassName('Fakty'));
    document.getElementById('fakt1');
    console.log(document.getElementById('fakt1'));
    document.querySelector("h1");
    document.getElementsByTagName('li');
    document.querySelectorAll('li.fakty')

    var head = document.getElementById('head');
    head.outerHTML="<p><u>Najlepsze zwierzę - <b>B</b>eautif<b>ULL DOG</b> Francuski</p>";
    var fakt1 = document.getElementById('fakt1');
        fakt1.textContent= "Rozszarpała kilka bardzo milutkich poduszek";

    var fakt3 = document.getElementById('fakt3');
    fakt3.textContent= "Zerwała karnisz podczas zabójczej bitwy z zasłonami"
    fakt3.style.color="brown"

    var add = document.createElement('li');
     add.appendChild(document.createTextAdd('Psinki'));
     document.querySelector('ul').appendChild(add)
</script>

</body>
</html>