Skip to content

Instantly share code, notes, and snippets.

View cba85's full-sized avatar
🌊

Clément Barbaza cba85

🌊
103 followers · 227 following
View GitHub Profile
@cba85
cba85 / app.js
Created December 14, 2023 14:43
jQuery Jikan - IPI Toulouse TSTN2A 2023/2024
function convertDateInFrench(datetime) {
if (!datetime) {
return "-";
}
const date = new Date(datetime);
return date.toLocaleDateString("fr-FR", {
year: "numeric",
month: "long",
day: "numeric",
@cba85
cba85 / app.js
Created December 3, 2023 11:00
Vue 3 Todolist - IPI Toulouse CDAN SOPRA 2023-2024
const options = {
data() {
return {
taskInput: "",
tasks: [],
error: false,
};
},
methods: {
addTask() {
@cba85
cba85 / app.js
Created November 30, 2023 12:14
TV Maze JS - TSTN2A IPI Toulouse 2023-2024
const form = document.querySelector("form");
form.addEventListener("submit", async (e) => {
e.preventDefault();
document.querySelector("#results").textContent = "";
const q = form.q.value;
if (!q) {
@cba85
cba85 / snippet.css
Last active November 29, 2023 13:41
Obsidian css snippet
h1 {
margin-bottom: 1em !important;
font-size: 2em !important;
}
h2 {
padding-bottom: 0.5em;
border-bottom: 1px solid #999;
margin: 1em 0 !important;
}
@cba85
cba85 / app.js
Created November 23, 2023 10:56
Application Météo - IPI Toulouse TSTN2A 2023-2024
// https://openweathermap.org/
const apiKey = ""; // Insert your OpenWeatherMap API Key
const form = document.querySelector("form");
function displayErrorMessage(message) {
document.querySelector("article").style.display = "none";
const notice = document.querySelector(".notice");
notice.textContent = message;
notice.style.display = "block";
@cba85
cba85 / app.js
Created November 18, 2023 16:35
Jours fériés API - IPI Toulouse IJVS020
(async () => {
const response = await fetch(
"https://calendrier.api.gouv.fr/jours-feries/metropole/2025.json"
);
const data = await response.json();
for (const day in data) {
const date = new Date(day);
console.log(
date.toLocaleDateString("fr-FR", {
@cba85
cba85 / app.js
Created November 16, 2023 14:44
Fetch / XmlHttpRequest example
document.querySelector("form").addEventListener("submit", async (e) => {
e.preventDefault();
document.querySelector(".loading").style.display = "block";
const results = document.querySelector("#results");
results.innerHTML = "";
let response;
@cba85
cba85 / index.html
Created November 9, 2023 12:09
IPI Toulouse 2023-2024 - IJVS010
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
<script src="scripts.js" defer></script>
</head>
<body>
@cba85
cba85 / app.js
Created October 26, 2023 09:53
IPI Toulouse - TSTN2 - 2023/2024 - Liste de recettes
let recipes = [];
const form = document.querySelector("form");
form.addEventListener("submit", function (e) {
e.preventDefault();
if (
!form.name.value ||
form.time.value < 1 ||
@cba85
cba85 / app.js
Created October 26, 2023 07:02
IPI Toulouse - TSTN2A Dev - 2023/2024 - Todolist
function addTaskInDom(task) {
const taskElement = document.createElement("div");
const taskCheckbox = document.createElement("input");
taskCheckbox.type = "checkbox";
const id = `checkbox-${task.id}`; // const id = "checkbox-" + task.id;
taskCheckbox.id = id;
const taskLabelElement = document.createElement("label");
taskLabelElement.textContent = task.text;