2 tahun lalu · 8b5ce702d9
--- a/js/js_19_redux_modul/index.html
+++ b/js/js_19_redux_modul/index.html
@@ -0,0 +1,20 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+  <link rel="stylesheet" href="style.css">
			
 
				+  <title>Document</title>
			
 
				+
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="svetofor"></div>
			
 
				+  <div id="padestrianSvetofor"></div>
			
 
				+  <div id="padestrianSvetoforButton">BUTTON</div>
			
 
				+  <script src="index.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/js/js_19_redux_modul/index.js
+++ b/js/js_19_redux_modul/index.js
--- a/js/js_19_redux_modul/style.css
+++ b/js/js_19_redux_modul/style.css
@@ -0,0 +1,38 @@
 
				+*,
			
 
				+*:before,
			
 
				+*:after {
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+body {
			
 
				+    margin: 0;
			
 
				+    height: 100vh;
			
 
				+    background-color: darkgrey;
			
 
				+    padding: 10px;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+#svetofor, #padestrianSvetofor, #padestrianSvetoforButton{
			
 
				+  width: 100px;
			
 
				+  height: 100px;
			
 
				+  border-radius: 50%;
			
 
				+  margin: 20px;
			
 
				+  border: 2px solid black;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  color: green;
			
 
				+  font-weight: bolder;
			
 
				+}
			
 
				+
			
 
				+.svetoforRed {
			
 
				+  background-color: red;
			
 
				+}
			
 
				+
			
 
				+.svetoforYellow {
			
 
				+  background-color: yellow;
			
 
				+}
			
 
				+
			
 
				+.svetoforGreen {
			
 
				+  background-color: green;
			
 
				+}