Skip to content
Commits on Source (2)
Show whitespace changes
Inline Side-by-side
index.css
View file @ dd916fe7
.red { .error {
display: none;
font-size: 0.5rem;
color: red; color: red;
font-style: italic;
} }
.under { .show {
text-decoration: underline; display: block;
} }
index.html
View file @ dd916fe7
...@@ -10,44 +10,6 @@ ...@@ -10,44 +10,6 @@
</head> </head>
<body> <body>
<header>
<nav>
<ul>
<li><a href="#">toto</a></li>
<li><a href="#">tata</a></li>
<li><a href="#">titi</a></li>
</ul>
</nav>
</header>
<main>
<section>
<p class="under">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur ad ipsum consectetur
nisi
officia cumque
nihil hic ex ab ut quo nobis animi necessitatibus obcaecati explicabo, earum repellat aspernatur. Cum.
</p>
<p>Ipsam eos officia dolor ullam, animi, omnis fugit repellendus quod, cupiditate minima molestiae
doloremque veniam voluptatem accusamus quisquam! Nobis libero possimus excepturi illum consequuntur
voluptas laboriosam ea quis illo doloribus!</p>
<p>Sapiente consequatur ipsam at explicabo eum perspiciatis, adipisci ex accusamus iusto laboriosam sed
veniam voluptates animi sit rem nulla. Maxime at alias porro officia quos aperiam labore, eius
laudantium quam?</p>
</section>
<section>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis nihil modi possimus, iste sapiente quos
hic, sint ex culpa quam animi numquam perferendis labore dolores qui eum accusamus? Numquam, veritatis.
</p>
<p>Rerum voluptate tempora cum consequatur quo alias nostrum! Corporis, quis molestias at autem unde
accusantium vero obcaecati perspiciatis exercitationem quidem commodi est repudiandae cum nostrum sit
incidunt nam laboriosam! Magnam?</p>
<p>Fuga officiis facere odit quidem qui ab eveniet accusantium, veniam laborum fugit nihil illum eius vitae
tempora molestias animi dignissimos neque ut? Vero, iste deserunt qui dignissimos nemo sed? Blanditiis.
</p>
</section>
</main>
<footer>
<a href="#">Liens amis</a>
</footer>
</body> </body>
</html> </html>
index.js
View file @ dd916fe7
let p = document.querySelector("p"); const section = document.createElement("section");
p.innerHTML = "<strong>j'ai tout changé !</strong>"; document.body.appendChild(section);
p.classList.add("red"); const p = document.createElement("p");
let p2 = p.nextElementSibling; section.appendChild(p);
p2.textContent = "Moi aussi !"; const text1 = document.createTextNode("lorem ipsum dolor sit amet")
let section = document.querySelector("section"); p.appendChild(text1);
section.firstElementChild.textContent = "prout";