Skip to content

New exercices (multiplly and count-by-steps) and TodoList, not allowed to leave the field blank in the input #39

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open

New exercices (multiplly and count-by-steps) and TodoList, not allowed to leave the field blank in the input #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e87a461
TodoList, not allowed to leave the field blank in the input
victorRbcx Aug 5, 2025
85441c2
TodoList, not allowed to leave the field blank in the input
victorRbcx Aug 5, 2025
7f19640
TodoList, not allowed to leave the field blank in the input
victorRbcx Aug 5, 2025
21c9a7c
New exercice
victorRbcx Aug 6, 2025
b08e57b
Create new exercice, count-by-steps
victorRbcx Aug 8, 2025
4e3e056
fix new exercice
victorRbcx Aug 8, 2025
a7fe304
change name for index
victorRbcx Aug 8, 2025
b3a51e0
new taskflow
victorRbcx Aug 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 38 additions & 0 deletions Multiply/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multiplication</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1> Multiplication </h1>
</header>

<section>
<div>
<p>Number:
<input type="number" name="txtnum" id="txtnum">
<input type="button" value="Multiply" onclick="calcular()">
</p>
</div>

<div id="lista">
<p>
<select id="listaNumeros" size="11">
<option>Enter a number above</option>
</select>
</p>
</div>
</section>


<footer>
<p&copy> victorRbcx</p>
</footer>

<script src="scrip.js"></script>
</body>
</html>
23 changes: 23 additions & 0 deletions Multiply/scrip.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
function calcular() {
var txtn = window.document.getElementById('txtnum')
var n = Number(txtn.value)
var lista = document.getElementById('listaNumeros')
lista.innerHTML = ''

if ( txtn.value.length == 0 || isNaN(n)) {
window.alert('Enter a number to Multiply!')
var opcao = document.createElement('option')
opcao.text = 'Enter a number above'
lista.add(opcao);
} else {

for(var i = 0; i <= 10; i++) {
var opcao = document.createElement('option')

Check failure on line 15 in Multiply/scrip.js

View workflow job for this annotation

GitHub Actions / eslint 

'opcao' is already defined
var calc = n * i
opcao.value = `tab${i}`
opcao.text = `${n} x ${i} = ${calc}`
lista.add(opcao);
}
}
txtn.value = ''
}
30 changes: 30 additions & 0 deletions Multiply/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
body {
background-color: rgb(115, 115, 201);
font: normal 15pt arial;
}

header {
color: white;
text-align: center;
}

section {
background-color: white;
border-radius: 10px;
padding: 15px;
width: 500px;
margin: auto;
text-align: center;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.493);
}

#lista{
text-align: left;
}

footer {
color: white;
text-align: center;
font-style: italic;
margin-top: 20px;
}
135 changes: 135 additions & 0 deletions TaskFlow/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TaskFlow - Gerenciador de Tarefas</title>
<link rel="stylesheet" href="styles.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="app-container">
<!-- Header -->
<header class="header">
<div class="header-content">
<h1 class="app-title">
<i class="fas fa-tasks"></i>
TaskFlow
</h1>
<div class="header-stats">
<span class="stat">
<i class="fas fa-clipboard-list"></i>
Total: <span id="totalTasks">0</span>
</span>
<span class="stat">
<i class="fas fa-check-circle"></i>
Concluídas: <span id="completedTasks">0</span>
</span>
</div>
</div>
</header>

<!-- Main Content -->
<main class="main-content">
<!-- Task Input Section -->
<section class="task-input-section">
<div class="input-container">
<div class="input-group">
<input
type="text"
id="taskInput"
placeholder="Digite sua nova tarefa..."
maxlength="200"
>
<select id="prioritySelect">
<option value="baixa">Baixa Prioridade</option>
<option value="media" selected>Média Prioridade</option>
<option value="alta">Alta Prioridade</option>
</select>
<button id="addTaskBtn" class="btn-primary">
<i class="fas fa-plus"></i>
Adicionar
</button>
</div>
<div class="input-extra">
<input
type="date"
id="taskDeadline"
title="Data limite (opcional)"
>
<select id="categorySelect">
<option value="pessoal">Pessoal</option>
<option value="trabalho">Trabalho</option>
<option value="estudos">Estudos</option>
<option value="saude">Saúde</option>
<option value="outros">Outros</option>
</select>
</div>
</div>
</section>

<section class="filters-section">
<div class="filters">
<button class="filter-btn active" data-filter="todas">
<i class="fas fa-list"></i>
Todas
</button>
<button class="filter-btn" data-filter="pendentes">
<i class="fas fa-clock"></i>
Pendentes
</button>
<button class="filter-btn" data-filter="concluidas">
<i class="fas fa-check"></i>
Concluídas
</button>
<button class="filter-btn" data-filter="alta">
<i class="fas fa-exclamation"></i>
Alta Prioridade
</button>
</div>
<div class="search-container">
<input
type="text"
id="searchInput"
placeholder="Buscar tarefas..."
>
<i class="fas fa-search search-icon"></i>
</div>
</section>

<section class="tasks-section">
<div id="tasksContainer" class="tasks-container">
</div>

<div id="emptyState" class="empty-state">
<i class="fas fa-clipboard-check"></i>
<h3>Nenhuma tarefa encontrada</h3>
<p>Adicione sua primeira tarefa para começar!</p>
</div>
</section>
</main>

<footer class="footer">
<p>&copy; 2025 TaskFlow - VictorRBCX
<a href="https://github.com/victorRbcx/Javascript-Projects" target="_blank">
<i class="fab fa-github"></i>
</a>
</p>
</footer>
</div>

<!-- Modal de Confirmação -->
<div id="confirmModal" class="modal">
<div class="modal-content">
<h3>Confirmar Ação</h3>
<p id="confirmMessage"></p>
<div class="modal-actions">
<button id="confirmBtn" class="btn-danger">Confirmar</button>
<button id="cancelBtn" class="btn-secondary">Cancelar</button>
</div>
</div>
</div>

<script src="script.js"></script>
</body>
</html>
Loading
Loading