<script type="text/javascript" src="jquery.js"> </script>

  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <title> Practice Sheet </title>



    <div id="inner">

        <h1> Rewrite using the noun form. </h1><br>

        <p class="input"> </p>

        <p class="input"> </p>

        <p class="input"> </p>




       #inner {
            text-align: center;


        .input {

            font-size: 1.5rem;
            margin-top: 30px;


        .a:nth-child(5) {
            color: green;
 var questions = [

                question: "1. I requested my boss.",
                answer: "She made a request to my boss.",


                question: "2. He prepared for exams.",
                answer: "He made preparations for exams.",


                question: "3. I did my job perfectly.",
                answer: "I did my job with perfection.",



        $.each(questions, function(i, x) {

            arr = '<span>' + x.question.split(/\s+/).join('</span> <span class="a">') + '</span>';



Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.