Commit 7c5f25ca authored by Theo GM's avatar Theo GM

formulaire mise en forme, mais non fonctionel

parent d1574238
console.log('sauce')
// var input =
if (sauce == 'andalouse' || sauce == 'tartare') {
sauce = 'vous avez des goûts de merde, ' + sauce + " c'est dégeulase";
} else if (sauce == 'pesto') {
alert("tu auras accès au 70 vierges qui seront féministe donc tu serais seul au monde dans un paradis qui seras au finale pas si cool que ça, hein !")
paradis();
}
else {
var sauce2 = prompt('on a pas ' + sauce + ' ici, choississez autre chose')
if (sauce2 != 'pesto') {
alert('tu est vraiment un taré, on devrais bruler les gens comme toi');
} else if (sauce2 == 'pesto') {
alert("tu auras accès limité au 70 vierges qui seront féministes donc tu serais seul au monde dans un paradis qui seras au finale pas si cool que ça, hein !");
paradis();
}
}
function paradis() {
var reponse = prompt('tu veut leur parler ?');
if (reponse == 'oui') {
alert('elle te parle pas trop te parler, il va falloir se raffréchir les préjugués');
} else {
alert('tu marche dans une direction au hasard. Tou autour de toi la brume blanchâtre étouffe toute autre couleur. Le sol est solide mais pas trop. Les 70 derrière toi semblent te suivre. ');
}
}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" />
<link rel="stylesheet" href="style.css">
<title>.</title>
</head>
<body>
<div id="main">
<div id="form_sample"></div>
<!-- le formulaire est crée de toute pièce dans le JS -->
<script type="text/javascript" src="main.js"></script>
</body>
</html>
// Fetching HTML Elements in Variables by ID.
var x = document.getElementById("form_sample");
var createform = document.createElement('form'); // Create New Element Form
createform.setAttribute("action", ""); // Setting Action Attribute on Form
createform.setAttribute("method", "post"); // Setting Method Attribute on Form
x.appendChild(createform);
var linebreak = document.createElement('br');
createform.appendChild(linebreak);
var namelabel = document.createElement('label'); // Create Label for Name Field
namelabel.innerHTML = "Choississez votre sauce "; // Set Field Labels
createform.appendChild(namelabel);
var inputelement = document.createElement('input'); // Create Input Field for Name
inputelement.setAttribute("type", "text");
inputelement.setAttribute("name", "dname");
inputelement.setAttribute("value", "tu répond ...");
createform.appendChild(inputelement);
var submitelement = document.createElement('input'); // Append Submit Button
submitelement.setAttribute("type", "submit");
submitelement.setAttribute("name", "dsubmit");
submitelement.setAttribute("value", "Réponse");
createform.appendChild(submitelement);
var story = namelabel;
var answer = submitelement;
if (inputelement='andalouse){
story =
// }
@import "https://fonts.googleapis.com/css?family=Crimson+Text&display=swap";
div#main{
font-family: 'Crimson Text', serif;
font-size: 20px;
color: black;
width: 50vw;
height: 50vw;
align-content: center;
width: 40vw;
margin: 20vw;
}
div#form_sample {
text-align: center;
border: none;
width: 40vw;
padding: 2vw 3vw 4vw;
margin-top: 2vw;
box-shadow: 0 0 40px;
}
label {
float: left;
font-size: 25px;
}
input[type="text"] {
font-family: 'Crimson Text', serif;
font-size: 25px;
color: rgb(179, 179, 179);
width: 100%;
margin-top: 4vw;
height: 1vw;
margin-bottom: 1vw;
padding: 0.51vw;
border: none;
border-bottom: 5px solid grey;
}
/* textarea {
width: 100%;
border: 3px solid #2bc1f2;
padding: 10px;
margin-bottom: 25px;
margin-top: 10px;
height: 100px;
resize: none;
} */
input[type="submit"] {
width: 10vw;
padding: 10px 45px;
background-color: grey;
border: none;
color: #fff;
font-size: 18px;
font-weight: 700;
cursor: pointer;
font-family: 'Crimson Text', serif;
float: right;
border-radius: 4px;
}
div#fugo {
float: right;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment