first commit

anasilveira9787 · Oct 24, 2023 · 11670ec · 11670ec
commit 11670ec
Show file tree

Hide file tree

Showing 13 changed files with 808 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/actions.js b/actions.js
@@ -0,0 +1,34 @@
+import { message, gotcha } from "./messages.js"
+
+const blankSquares = document.getElementsByClassName("square")
+
+export function handleClick(){
+
+    for (let index = 0; index < blankSquares.length; index++) {
+
+        let element = blankSquares[index]
+
+        element.addEventListener('click', function addClass(event){
+            event.target.classList.add('clicked')
+
+            if(element.classList.contains('ghost')){
+                gotcha() 
+                return
+
+
+             } else {
+                message()    
+                        }   
+
+        })
+
+
+    }
+
+
+console.log(blankSquares.length)
+
+
+
+}
+
diff --git a/covers/Captura de tela 2023-10-24 143223.png b/covers/Captura de tela 2023-10-24 143223.png
diff --git a/covers/Captura de tela 2023-10-24 143236.png b/covers/Captura de tela 2023-10-24 143236.png
diff --git a/createBoard.js b/createBoard.js
@@ -0,0 +1,26 @@
+
+
+export default function createBoard(squares){
+
+    let monster = "<div class='square ghost'><i class='ph-bold ph-skull'></i></div>"
+
+    let randomPosition = Math.floor((Math.random() * squares) + 1);
+
+
+    let newBoard = Array.apply(null, Array(squares))
+
+    for (let index = 0; index < newBoard.length; index++) {
+        newBoard[index] = "<div class='square'></div>";
+
+    }
+
+    newBoard.splice(randomPosition, 1, monster);   
+
+    let board = newBoard.join(" ")
+
+    return board
+
+}
+
+
+
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="https://fonts.googleapis.com/css2?family=Creepster&display=swap" rel="stylesheet">
+    <title>Cuidado onde clica!</title>
+  </head>
+  <body>
+    <h1>Cuidado onde clica!</h1>
+    <div id="app"></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/javascript.svg b/javascript.svg
diff --git a/main.js b/main.js
@@ -0,0 +1,19 @@
+import './style.css'
+import "@phosphor-icons/web/light";
+import "@phosphor-icons/web/bold";
+import {handleClick } from "./actions.js"
+
+import createBoard from './createBoard.js'
+
+
+
+document.querySelector('#app').innerHTML = `
+
+    ${createBoard(30)}
+
+`
+
+handleClick()
+
+
+
diff --git a/messages.js b/messages.js
@@ -0,0 +1,18 @@
+const messages = ['Está salvo!', 'Você ainda vive', 'Teve sorte, hein?', 'Estou cada vez mais perto de você.','Já dise adeus para a família?','Ah, não foi dessa vez!']
+
+
+
+export function message(){
+
+    let randomPosition = Math.floor(Math.random() * 6);
+
+    return alert(messages[randomPosition])
+}
+
+export function gotcha(){
+
+    let response = "Peguei você! HAHAHAHA *risada maléfica*"
+
+    return alert(response)
+}
+