javascript-vorlesung/example-projects-2027.git

commits
diff

2026-10-17

Hong-Phuc Bui

Aufgabe DOM-Ausgabe

2f47bf

diff | tree

2026-10-17

Hong-Phuc Bui

CSS

8333db

diff | tree

2 files added

3 files modified

	.gitignore	1 ●●●●● patch \| view \| raw \| blame \| history
	01-0-intro-url-path/common.css	19 ●●●●● patch \| view \| raw \| blame \| history
	01-0-intro-url-path/index.html	1 ●●●●● patch \| view \| raw \| blame \| history
	02-1-dom-io/division.js	3 ●●●●● patch \| view \| raw \| blame \| history
	02-1-dom-io/index.html	11 ●●●●● patch \| view \| raw \| blame \| history

 .gitignore

@@ -6,3 +6,4 @@
**/img/permutation.*
*/.parcel-cache
node_modules
*/a.out

 01-0-intro-url-path/common.css

@@ -1,3 +1,20 @@
html {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
}

.container {
    display: flex;
    gap: 20px;
}

.column {
    flex: 1;
}

@media (max-width: 600px) {
    .container {
        flex-direction: column;
    }
}



 01-0-intro-url-path/index.html

@@ -11,6 +11,7 @@
</head>
<body>
<h1>Fluglinien mit Kurswinkel</h1>

<div id="box" class="jxgbox" style="width:950px; aspect-ratio: 1/1;"></div>
<script src="tangente.js"></script>
</body>

 02-1-dom-io/division.js

New file
@@ -0,0 +1,3 @@
const rest = -11 % 7;
const resultEl = document.getElementById("result");
resultEl.textContent = rest;

 02-1-dom-io/index.html

New file
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM-output</title>
</head>
<body>
<div id="result"></div>
<script src="division.js"></script>
</body>
</html>

			@@ -6,3 +6,4 @@
			*/img/permutation.
			*/.parcel-cache
			node_modules
			*/a.out

			@@ -1,3 +1,20 @@
			html {
			font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
			}
			}

			.container {
			display: flex;
			gap: 20px;
			}

			.column {
			flex: 1;
			}

			@media (max-width: 600px) {
			.container {
			flex-direction: column;
			}
			}

			@@ -11,6 +11,7 @@
			</head>
			<body>
			<h1>Fluglinien mit Kurswinkel</h1>

			<div id="box" class="jxgbox" style="width:950px; aspect-ratio: 1/1;"></div>
			<script src="tangente.js"></script>
			</body>

New file
			@@ -0,0 +1,3 @@
			const rest = -11 % 7;
			const resultEl = document.getElementById("result");
			resultEl.textContent = rest;

New file
			@@ -0,0 +1,11 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<title>DOM-output</title>
			</head>
			<body>
			<div id="result"></div>
			<script src="division.js"></script>
			</body>
			</html>