Simple guessing game

by JoshGough

HTML

<div class='blocks'>    
    <div class='statement'>
        <p class='text'>Store a secret number, from 1 to 50, in your brain's memory.</p>
        <code class='code'>var secret = 34</code>        
    </div>

    <div class='statement'>
        <p class='text'>Ask opponent, "What is my secret number from 1 to 50?", and remember their answer in your brain.</p>
        <code class='code'></code>        
    </div>  
    
    <div class='statement-do'>
        <p class='text'>After your opponent makes a guess, test their guess against each of the following questions:</p>
        <code class='code-drop'></code>
        <p class='text'>Until your opponent has correctly guessed your secret number, ask them again, "Try again: what is my secret number from 1 to 50?"
    </div>
    
    <div class='statement'>
        <p class='text'>When the guess is lower than your secret number, say to your opponent, "Guess a higher number!", and remember their new guess in your brain.</p>
        <code class='code'></code>
    </div>    
        
    <div class='statement'>
        <p class='text'>When the guess is lower than your secret number, say to your opponent, <b>"Guess a higher number!"</b>, and remember their new guess in your brain.</p>
        <code class='code'></code>
    </div>        
    
    
</div>

CSS

.code {
    white-space: pre-wrap;
}