JSFiddle - React, Tailwind, and code Playground
HTML
<h2>Love Relationships with Olivia Kissper</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/A15yGJc_Zv0" frameborder="0" allowfullscreen></iframe>
<div id="output"></div>
<div id="partner"></div>
<div id="place"></div>
<div id="trust"></div>
<div id="intimacy"></div>
<div id="children"></div>
<div id="trueLoves"></div>
<div id="attitudes"></div>
<div id="length"></div>
JavaScript
setTimeout(function () {
var question1 = prompt("Do you pick the rose?").toLowerCase(); //3 min
}, 20000);
var question2 = prompt("Why are so fascinated by the horse?"); //4:25
var question3 = prompt("Where are you?"); // 5:46
var question4 = prompt("Who taps on your shoulder?"); //6:50
var question5 = prompt("Is the water shallow or deep?").toLowerCase(); //8:00
var question6 = prompt("Did you see any frogs or fish in the water?").toLowerCase();
var question7 = prompt("How many swans can you see?");
var question8 = prompt("What kind of container did you find? (Describe the material and appearance)");
var question9 = prompt("Do you take it with you?").toLowerCase;
if (question1 === "yes") {
writeIt("output", "You have a tendency to give in to temptation.");
}
writeIt("partner", question2 + " represents your perfect partner.");
writeIt("place", question3 + " is a place you would love to be whether it is possible or not.");
writeIt("trust", question4 + " is someone that you really trust.");
if (question5 === "deep") {
writeIt("intimacy", " you love to be really connected and go deep in your relationships.");
} else {
writeIt("intimacy", "You might fear intimacy and only relate on a superficial level in your relationships.");
}
if (question6 === "yes") {
writeIt("children", "You have a stronger than average desire to have children.");
}
writeIt("trueLoves", question7 + " is the number of true loves you have had in your life.");
writeIt("attitudes", container8 + " represents your approach to relationships. If the container is made of simple, durable material that means your approach to relationships is practical. If the container is more embellished or patterned and decorative that means you tend to be a dreamer and sentimental about your relationships. If you founda combination then you are a mixture of both.");
if (question9 === "yes") {
writeIt("length", "You will find greater contentment in long-term relationships. A big part of...