Anri/Constnium
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages 1 Wiki Activity

Fix bug when letter isn't recognized

Browse source
This commit is contained in:
Mylloon 2022-06-25 19:40:55 +02:00
parent d28859b018
commit 5490ccb4b2
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
public/js/main.js
View file

@ -52,30 +52,35 @@ const setString = (firstname = String, data = Object) => {
firstname.split("").forEach(letter_value => {
// Create the letter
const letter = document.createElement("p");
const infos = document.createElement("span");
// Fill elements with data
letter.textContent = letter_value;
Object.keys(data[clearText(letter_value)]).forEach(key => {
const link = document.createElement("a");
link.href = data[clearText(letter_value)][key];
link.innerText = key;
infos.append(link);
});
// Change parameter of tags
infos.hidden = true;
infos.style.position = "absolute";
// Check if the letter is inside part of the constant
if (Object.keys(data).includes(clearText(letter_value))) {
// Info about a specific constant
const infos = document.createElement("span");
Object.keys(data[clearText(letter_value)]).forEach(key => {
const link = document.createElement("a");
link.href = data[clearText(letter_value)][key];
link.innerText = key;
infos.append(link);
});
// Link info to the letter
letter.append(infos);
// Change parameter of the info card
infos.hidden = true;
infos.style.position = "absolute";
// Link info to the letter
letter.append(infos);
// Add behaviour when hovering over the letter
letter.addEventListener("mouseenter", (e) => e.target.firstElementChild.hidden = false);
letter.addEventListener("mouseleave", (e) => e.target.firstElementChild.hidden = true);
}
// Add the letter
string_div.append(letter);
// Add behaviour when clicking on letters
letter.addEventListener("mouseenter", (e) => e.target.firstElementChild.hidden = false);
letter.addEventListener("mouseleave", (e) => e.target.firstElementChild.hidden = true);
});
};