adrien/groscon
adrien/groscon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

alert close button

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-07-20 02:37:12 +02:00
parent cb19d4fc82
commit 310edd32de
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -94,12 +94,7 @@
<input type="text" id="sigleInput" class="fr-input" style="text-transform: uppercase;"/> <input type="text" id="sigleInput" class="fr-input" style="text-transform: uppercase;"/>
</div> </div>
</div> </div>
<div id="alertDiv" class="fr-fieldset__element"> <div id="alertDiv" class="fr-fieldset__element"></div>
<div class="fr-alert fr-alert--info">
<p>Suggestion :</p>
<h3 class="fr-alert__title" id="nomDiv"></h3>
</div>
</div>
<div class="fr-fieldset__element"> <div class="fr-fieldset__element">
<ul class="fr-mt-2v fr-btns-group fr-btns-group--between fr-btns-group--inline"> <ul class="fr-mt-2v fr-btns-group fr-btns-group--between fr-btns-group--inline">
<li> <li>
@ -260,10 +255,16 @@
function regen() { function regen() {
if (sigleInput.value.length) { if (sigleInput.value.length) {
listNoms = Array.from(sigleInput.value).map((lettre, position) => trouveMot(lettre, position)) listNoms = Array.from(sigleInput.value).map((lettre, position) => trouveMot(lettre, position))
nomDiv.innerText = listNoms.join(" ") alertDiv.innerHTML = `
alertDiv.style.display = "" <div class="fr-alert fr-alert--info">
<p>Suggestion :</p>
<h3 class="fr-alert__title" id="nomDiv">${listNoms.join(" ")}</h3>
<button class="fr-btn--close fr-btn" title="Masquer le message" onclick="const alert = this.parentNode; alert.parentNode.removeChild(alert)">
Masquer le message
</button>
</div>`
} else { } else {
alertDiv.style.display = "none" alertDiv.innerHTML = ""
} }
copyButton.innerText = "Copier" copyButton.innerText = "Copier"
copyButton.classList.remove('fr-icon-checkbox-circle-line') copyButton.classList.remove('fr-icon-checkbox-circle-line')