diff --git a/07_js_css_dom/css/style.css b/07_js_css_dom/css/style.css
new file mode 100644
index 0000000..8829f85
--- /dev/null
+++ b/07_js_css_dom/css/style.css
@@ -0,0 +1,3 @@
+h1 {
+ color: red
+}
\ No newline at end of file
diff --git a/07_js_css_dom/index.html b/07_js_css_dom/index.html
new file mode 100644
index 0000000..4a6f130
--- /dev/null
+++ b/07_js_css_dom/index.html
@@ -0,0 +1,47 @@
+
+
+
+
+
+ Úvod do JS+CSS a DOM
+
+
+
+
Úvod do JS+CSS a DOM
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis autem eum beatae! Cum sapiente alias minima nesciunt porro ipsam, laboriosam quis hic assumenda aspernatur suscipit, voluptates ipsa nam laborum! Est.
+ Rem suscipit, facere, debitis sint quis amet porro recusandae quasi quas sapiente nihil laboriosam, explicabo ab? Iure nemo nulla quisquam dolorum ut facere quaerat ab nostrum, omnis molestias incidunt fugiat?
+ Inventore, quas a. Accusamus commodi minus, animi ratione perspiciatis voluptatum, adipisci eius fugit sit suscipit nesciunt? Repellat quia sit repudiandae distinctio quam voluptas, laboriosam aut ipsum, esse quisquam amet veritatis!
+ Omnis numquam fugiat voluptas nesciunt iure doloribus dicta natus voluptates sunt, illo accusantium magnam at earum a corporis exercitationem vitae ducimus ea ex minus repudiandae nam facilis. Debitis, dolorum nostrum.
+ Ullam ipsam soluta modi! Tenetur delectus blanditiis recusandae, optio beatae repudiandae odio nisi non corrupti in dolor quasi sit ducimus ipsum hic quos ipsa consectetur expedita. Esse facilis voluptatibus eius.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/07_js_css_dom/js/changeFont.js b/07_js_css_dom/js/changeFont.js
new file mode 100644
index 0000000..3eaf84b
--- /dev/null
+++ b/07_js_css_dom/js/changeFont.js
@@ -0,0 +1,10 @@
+//parametr s "výchozí hodnotou" nám dovoluje "dobrovolně" napsat jinou hodnotu než je výchozí
+//např. tato funkce mění font dle seznamu a vstup je ID seznamu z kterého bere vybranou položku ze seznamu
+function changeFont(htmllist ="sfont") {
+ console.warn(htmllist);
+ let fontList = document.getElementById(htmllist)
+ let selectFont = fontList.selectedIndex;
+ let nextFont = fontList.options[selectFont].value
+ console.warn(nextFont)
+ document.getElementById("ltext").style.fontFamily = nextFont
+}
\ No newline at end of file
diff --git a/07_js_css_dom/js/index.js b/07_js_css_dom/js/index.js
new file mode 100644
index 0000000..86e6900
--- /dev/null
+++ b/07_js_css_dom/js/index.js
@@ -0,0 +1,22 @@
+console.log("index.js spuštěný")
+
+function dynColor() {
+ let color = document.getElementById("tcolor").value;
+ console.log(color)
+ document.getElementById("ltext").style.color = color
+}
+
+function dynBGColor() {
+ let color = document.getElementById("bcolor").value;
+ console.log(color)
+ document.getElementById("ltext").style.backgroundColor = color
+}
+
+function changeSColor() {
+ let colorList = document.getElementById("scolor");//načti seznam barev
+ let selectColor = colorList.selectedIndex; //načteme vybraný index (pozici)
+ let nextColor = colorList.options[selectColor].value; // načteme hodnotu z vybraného indexu
+
+ document.getElementById("ltext").style.color = nextColor;
+
+}
\ No newline at end of file