<?php
  // The system sent a string of subject names separated by commas.
  $moduleStr = "ITP4523,ITP3006,ITP4688";
  
  // (a) Please split this string of text into an array using commas "," $moduleArray
  $moduleArray = ____(a)____(",", $moduleStr);

  // Student's scores for each subject (associative array)
  $marks = array("ITP4523"=>85, "ITP3006"=>70, "ITP4688"=>90);
  $total = 0;

  // (b) Please use a suitable loop to retrieve the subjects one by one from $moduleArray (name the variable $module).
  ____(b)____ ($moduleArray as $module) {
      // (c) Extract the corresponding score from the $marks array by subject name (Key) and add it to $total.
      $total += $marks[____(c)____];
  }

  // (d) Reassemble all subject names into a single string separated by spaces and hyphens "-" and print it out.
// Expected output: "ITP4523 - ITP3006 - ITP4688"
  $finalOutput = ____(d)____(" - ", $moduleArray);
  echo $finalOutput;
?>

<?php
  $record = "Name: Peter Parker, ID: 191234567";

// 1. Find the starting position of the three characters "ID: " followed by a space in the string.
  $idLabelPos = ____(1)____($record, "ID: ");

  // 2. Calculate the actual starting coordinates of the student ID (plus the length of "ID: ", which is 4).
  $idStartPos = $idLabelPos + 4;

  // 3. Cut out the student ID number with scissors. Since the student ID number is at the end, you don't need to provide a third parameter (length); it will cut directly to the end.
  $studentID = ____(2)____($record, $idStartPos);

  echo "The student ID is: " . $studentID;
?>

<?php

    // The system must start a session first
    
    ____(1)____;
    
    // [A3 Exam Point] Check if the user has submitted a form, and the name "cannot be empty"
    
    // Hint: Use the trap check function we just emphasized
    
    if (____(2)____($_POST['username'])) {
    
    echo "ERROR: Username cannot be empty!";
    
    } else {
    
    $user = $_POST['username'];
    
    // [A4 Exam Point] Store this user in a cookie and set the validity period to 30 minutes
    
    ____(3)____("LoginUser", $user, time() + 30 * 60);
    
    // [A4 Exam Point] Push the food "Burger" ordered by the user directly into the Session array named 'OrderList'
    
    $_SESSION['OrderList']____(4)____ = "Burger";
    
    }
?>

<!-- HTML section -->
<h2 id="movieTitle">Loading...</h2>
<img id="moviePoster" src="default.png">

<script>
// JavaScript section
$.ajax({

    ____(1)____: 'GET', // Set request method
    
    ____(2)____: 'movie.json', // Set request path
    
    dataType: '____(3)____', // Set data type
    
    success: function(data) {
    
    // 1. Update the movie title text to the <h2> tag
    
    document.getElementById('movieTitle').innerHTML = data.title;
    
    // 2. [B2 Must-Know Trap] Dynamically replace the path of the poster image (.png)
    
    document.getElementById('moviePoster').____(4)____ = data.image_file;
    
    }
});
</script>

<?php

    // 1. Establish database connection (assuming host 127.0.0.1, username admin, password admin, database supermarket)
    
    $conn = ____(1)____('127.0.0.1', 'admin', 'admin', 'supermarket');
    
    $sql = "SELECT * FROM product WHERE prodCategory='fruit'";
    
    // 2. Execute SQL query and store the results in package $rs
    
    $rs = ____(2)____($conn, $sql);
    
    echo '<table border="1"><tr><th>Product</th><th>Price</th></tr>';
    
    // 3. Use loop to extract the data in the package into an "associative array"
    
    while ($rc = ____(3)____($rs)) {
    
    // 4. Print product name and price (Note: Please enter the array key to get the product name) printf("<tr><td>%s</td><td>$%d</td></tr>", $rc['____(4)____'], $rc['price']);
    
    }
    echo '</table>';
    
    // 5. Release query results in memory
    
    ____(5)____($rs);
    
    mysqli_close($conn);

?>

<!-- HTML section -->

  <canvas id="myCanvas" width="300" height="300"></canvas>
  
  <br>
  <!-- 1. When the slider value changes, trigger the drawFigure() function to redraw the figure -->
  Radius: <input type="range" id="radiusSlider" min="10" max="50" ____(1)____="drawFigure()">
  
  <script>
  function drawFigure() {
  
  var canvas = document.getElementById("myCanvas");
  
  var ctx = canvas.getContext("2d");
  
  // Get the current value of the slider as the radius
  
  var r = document.getElementById("radiusSlider").value;
  
  // 2. First step: Use an eraser to clean the entire canvas (300x300)
  
  ctx.____(2)____(0, 0, 300, 300);
  
  // --- Draw the stick figure's head (solid circle) ---
  
  // 3. Open the pen cap and prepare to draw a new path
  
  ctx.____(3)____();
  
  ctx.arc(150, 100, r, 0, 2 * Math.PI); // Draw the draft of the circle
  
  ctx.fill(); // Fill in black
  
  // --- Draw the stick figure's body (straight line) ---
  
  ctx.beginPath();
  
  ctx.moveTo(150, 100); // Move the hand to the center of the circle
  
  // 4. With the pen tip touching the canvas, draw a straight line down to coordinates (150, 200)
  
  ctx.____(4)____(150, 200);
  
  // 5. After completing the draft, actually draw the line
  
  ctx.____(5)____();
  
  }
</script>