lajuntament/absencia-de-presencia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: lajuntament:ad26ef01963bdfb1d74978f108537d4e6536d44f
Branches Tags
lajuntament:main
..
compare: lajuntament:f04bb3f69bb770c011508b346b97b2235d7c089e
Branches Tags
lajuntament:main

2 Commits
ad26ef0196 ... f04bb3f69b

Author SHA1 Message Date
Marce Coll
f04bb3f69b Merge branch 'main' of ssh://git.lajuntament.space:2222/lajuntament/absencia-de-presencia 2021-11-27 13:26:01 +01:00
Marce Coll
139e11b5fc Some style, fixed JS 2021-11-27 13:25:20 +01:00
3 changed files with 51 additions and 3 deletions
Expand all files Collapse all files

19
static/index.js
View File

@@ -16,4 +16,23 @@ r(() => {
const resultat = await response.text(); const resultat = await response.text();
g('response').innerHTML = resultat; g('response').innerHTML = resultat;
}); });
const afegirPart = (t) => {
const frase = g('frase');
let conector = ' de ';
if (frase.value === '') {
conector = 'la ';
}
g('frase').value = g('frase').value + conector + t;
}
g('absencia').addEventListener('click', () => {
afegirPart('absencia')
});
g('presencia').addEventListener('click', () => {
afegirPart('presencia')
});
}) })

23
static/style.css Normal file
View File

@@ -0,0 +1,23 @@
button {
padding: 30px;
font-size: 14px;
}
#frase {
width: 800px;
height: 300px;
text-align: center;
font-size: 17px;
}
#container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#buttons {
padding: 50px;
}

12
templates/index.html
View File

@@ -2,11 +2,17 @@
<head> <head>
<title>Absencia de Presencia</title> <title>Absencia de Presencia</title>
<script src="/static/index.js"></script> <script src="/static/index.js"></script>
<link rel="stylesheet" href="/static/style.css">
</head> </head>
<body> <body>
<div> <div id="container">
<input type="text" id="frase"/> <textarea id="frase"></textarea>
<input type="button" id="submit"/>
<div id="buttons">
<button id="absencia">Absencia</button>
<button id="presencia">Presencia</button>
<button id="submit">Calcula</button>
</div>
</div> </div>
<p id="response"></p> <p id="response"></p>