ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added 03_dom

Browse Source
This commit is contained in:
Philippe Torrel
2026-07-13 10:38:22 +02:00
parent 6292cabfee
commit e0bd3930d9
134 changed files with 21947 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
03_dom/MATERIAL/accompanying_files/accompanying-files/3/examples/chat.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>The Chat</title>
<link
rel="stylesheet"
href="../../css/styles.css"
type="text/css"
media="screen"
/>
<link
rel="shortcut icon"
href="../../img/favicon.ico"
type="image/x-icon"
/>
<script src="chat.js" defer></script>
</head>
<body>
<header></header>
<main>
<h1>Chat</h1>
<div id="chat">
<div id="chat_window">
<div id="chat_history">
<p>
<span class="chat_member chat_member1">Ladislaus:</span>
Anybody there?
</p>
<p>
<span class="chat_member chat_member2">Friedlinde</span>
Yes, me!
</p>
</div>
<div id="chat_text">
<input type="text" placeholder="...new message..." />
</div>
</div>
<ul id="chat_members">
<li class="admin">Heribert</li>
<li>Friedlinde</li>
<li>Tusnelda</li>
<li>Berthold</li>
<li>Oswine</li>
<li>Ladislaus</li>
</ul>
<div id="member_search">
<input type="text" placeholder="...Find a member..." />
</div>
</div>
</main>
</body>
</html>

3
03_dom/MATERIAL/accompanying_files/accompanying-files/3/examples/chat.js Normal file
View File

@@ -0,0 +1,3 @@
'use strict';
// Implement your code here