Free javascript Hosting


formulairepresa.js

Uploaded on Jan 09 2022 01:49 by fs

function genpresa() {
console.log("fonction bouton")
groupe = document.getElementById("groupe").value
nom_perso = document.getElementById("nom").value
feat_perso = document.getElementById("feat").value

descrigroup = ""
if (groupe == "nebuleuse")
descrigroup = "Nébuleuse"
if (groupe == "pulsar")
descrigroup = "Pulsar"
console.log(descrigroup)
document.getElementById("affichage_code").innerHTML = `<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"><div class="duskPresV4 ` + groupe + `"><div class="v4_entete ` + groupe + `"><!--

--><!-- PRÉNOM + NOM --><div class="entete_name">`+ nom_perso +`</div><!--

--><!-- FEAT - OEUVRE --><div class="entete_feat">Feat. Perso - Oeuvre</div><div class="entete_personnage"><div class="personnage_icon"><!--

--><!-- ICONE (100*100) --><img src="https://i.servimg.com/u/f24/18/99/97/34/iconba11.png"/></div><div class="personnage_informations"><!--

--><!-- ÂGE DU PERSONNAGE --><div><i class="fas fa-birthday-cake"></i>xx ans</div><!--

--><!-- OCCUPATION/MÉTIER --><div><i class="fas fa-suitcase"></i>Occupation</div><!--

--><!-- DATE DE NAISSANCE --><div><i class="fas fa-calendar"></i>xx.xx.xx</div><!--

--><!-- FACTION (mistral, hestia ou rien) --><div><i class="fas fa-users"></i>Aucune Faction</div><!--

--><!-- RÉGION D'ORIGINE --><div><i class="fas fa-globe"></i>Région d'origine</div><!--

--><!-- VILLE D'HABITATION --><div><i class="fas fa-home"></i>Habite ...</div><!--

--><!-- PRONOM(s) --><div><i class="fas fa-venus-mars"></i>Il, Elle, Iel</div><!--

--><!-- GROUPE --><div><i class="fas fa-street-view"></i>Groupe</div></div></div></div><div class="presV4_presentation"><div class="presentation_backgroundOnglet"></div><input type="radio" name="presentation_content" id="onglet_un" checked/><label for="onglet_un">Description</label><input type="radio" name="presentation_content" id="onglet_deux"><label for="onglet_deux">Histoire</label><input type="radio" name="presentation_content" id="onglet_trois"><label for="onglet_trois">In Real Life</label><div id="contenuOngletDescription" class="contenuPresentation"><div class="presentation_description"><div class="description_adjectifs"><!--

--><!-- 3 QUALITÉS --><div>Qualité 1</div><div>Qualité 2</div><div>Qualité 3</div><!--

--><!-- 3 DÉFAUTS --><div>Défaut 1</div><div>Défaut 2</div><div>Défaut 3</div></div><!--

--><!-- DESCRIPTION DU PERSONNAGE --><div class="description_content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at dolor rhoncus, vehicula nisi vel, sagittis erat. In convallis sollicitudin velit eget tincidunt. Ut lacus libero, sollicitudin non fermentum quis, viverra in nunc.</div></div><!--

--><!-- STARTER --><div class="presentation_starter"><!--

--><!-- DESCRIPTION DU STARTER --><div class="starter_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at dolor rhoncus, vehicula nisi vel, sagittis erat. In convallis sollicitudin velit eget tincidunt. Ut lacus libero, sollicitudin non fermentum quis, viverra in nunc.</div><div class="starter_informations"><div class="informations_content"><!--

--><!-- SURNOM --><div class="surnom">Surnom</div><!--

--><!-- ESPÈCE --><div>Espèce</div><!--

--><!-- SEXE --><div>Mâle/Femelle</div><!--

--><!-- TALENT --><div>Talent</div></div></div><div class="starter_sprite"><!--

--><!-- SPRITE (max 96*96) --><img src="https://i.servimg.com/u/f24/18/99/97/34/jirach10.png"/></div></div></div><div id="contenuOngletHistoire" class="contenuPresentation"><div class="presentation_histoire"><!--

--><!-- HISTOIRE DU PERSONNAGE --><div class="histoire_content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at dolor rhoncus, vehicula nisi vel, sagittis erat. In convallis sollicitudin velit eget tincidunt. Ut lacus libero, sollicitudin non fermentum quis, viverra in nunc. Vestibulum vehicula consequat turpis a rutrum. Quisque placerat pulvinar eros sed porttitor. Mauris auctor turpis eget erat vestibulum dapibus. Sed non augue erat.</div><!--

--><!-- NOM DU GROUPE --><div class="histoire_groupe"><div class="groupe_nom"> Pourquoi les `+ descrigroup + ` ? </div><!--

--><!-- EXPLICATION GROUPE --><div class="groupe_explication">Explique ici pourquoi tu as choisi ce groupe. N'oublie pas que tu dois énoncer une justification "RP" parlant, en d'autres termes, qui colle avec le caractère/les intérêts de ton personnage.</div></div></div></div><div id="contenuOngletIRL" class="contenuPresentation"><div class="presentation_irl"><div class="irl_gradient"></div><div class="irl_informations"><!--

--><!-- SECTION IRL --><div class="informations_joueur"> Pseudo(s): <b>...</b>
Âge: <b>xxx ans</b>
Localisation: <b>T'es où dans l'monde ?</b>
Pronom(s): <b>Il/Elle/Iel</b>
</div><div class="informations_forum"><b>Comment nous as-tu trouvé ? //</b> On est curieux, raconte-nous !
<b>Ton Pokémon préféré ? //</b>
<b>As-tu un parrain ? //</b> Une personne qui t'a montré le forum ?
<b>Qu'attends-tu de Dusk Lumiris ? //</b> Tes attentes envers le forum
<b>Un dernier mot ? //</b> Un petit quelque chose à ajouter ?</div></div><!--

--><!-- IMAGE (facultatif 212*271) --><div class="irl_img"><img src="https://i.servimg.com/u/f24/18/99/97/34/imagei10.png"></div></div></div></div></div>`
}

console.log("hellow")

//Crédit : Hadrydry / Maya

Back to list