krouzek:mys

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Následující verze
Předchozí verze
Poslední revizeObě strany příští revize
krouzek:mys [2022/05/25 16:44] – vytvořeno adminkrouzek:mys [2022/05/25 16:58] admin
Řádek 1: Řádek 1:
 <code html> <code html>
- 
- 
 <!DOCTYPE html> <!DOCTYPE html>
 <html lang="cs"> <html lang="cs">
 <head> <head>
     <meta charset="utf-8" />     <meta charset="utf-8" />
-    <title>Postřeh</title>+    <title>Míč</title>
    
     <style>     <style>
Řádek 18: Řádek 16:
    
         #herni_plocha {         #herni_plocha {
-            background-color:red;+            background-color:#ffaaaa;
             width: 300px;             width: 300px;
             height:300px;             height:300px;
 +        }
 +
 +        #mic {
 +            background-color: green;
 +            width: 10px;
 +            height: 10px;
 +            border-radius: 25% 50%;
 +            transform: translate(80px, 50px);
         }         }
     </style>     </style>
Řádek 34: Řádek 40:
         const x = event.clientX - rect.left;         const x = event.clientX - rect.left;
         const y = event.clientY - rect.top;         const y = event.clientY - rect.top;
-        console.log(x + " " + y)+ 
 +        const mic = document.getElementById('mic'
 +        mic.style.transform = `translate(${x}px, ${y}px)`
     }     }
  
Řádek 47: Řádek 55:
    
 <body> <body>
-    <div id="herni_plocha"></div>+    <div id="herni_plocha"> 
 +        <div id="mic"></div> 
 + 
 +    </div>
          
 </body> </body>
 </html> </html>
- 
  
 </code> </code>
  • krouzek/mys.txt
  • Poslední úprava: 2023/11/15 20:54
  • autor: 127.0.0.1