<html>

<head>

    <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>

</head>

<body>


    <div id="inner">

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

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

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

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

    </div>

    </script>

</body>

</html>
       #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>';

            $('.input').eq(i).append(arr);

        });

Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.