| <html><head> | |
| <style> | |
| body { font-family: Arial, sans-serif; margin: 20px; } | |
| h1 { text-align: center; } | |
| .cot-title { color: blue; } | |
| .pos-title { color: green; } | |
| h2 { color: black; text-align: left; } | |
| h3 { color: black; text-align: left; } | |
| h4 { color: darkslategray; } | |
| table { width: 100%; border-collapse: collapse; margin: 20px 0; } | |
| table, th, td { border: 1px solid #ddd; padding: 8px; } | |
| th { background-color: #f2f2f2; } | |
| tr:nth-child(even) { background-color: #f9f9f9; } | |
| .highlight { background-color: #ffffcc; } | |
| .true { color: green; } | |
| .false { color: red; } | |
| .highlighted-cell { background-color: yellow; cursor: pointer; } | |
| .step-title { background-color: #f1f1f1; color: #444; padding: 10px; margin: 10px 0; font-size: 18px; border-left: 4px solid #888; } | |
| .step { display: block; } | |
| </style> | |
| </head><body> | |
| <hr/> | |
| <h3><span>Statement:</span> climax straight - 4 has a masserati 250f chassis</h3> | |
| <h3>Input Table: bruce halford</h3> | |
| <div class="step"> | |
| <div class="step"> | |
| <div class="step-title">Step 1: Select rows where 'chassis' is 'maserati 250f'.</div> | |
| <div class="content" id="step-1"> | |
| <table> | |
| <tr> | |
| <td>year</td> | |
| <td>entrant</td> | |
| <td>chassis</td> | |
| <td>engine</td> | |
| <td>points</td> | |
| </tr> | |
| <tr> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">1956</span></td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">bruce halford</span></td> | |
| <td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">maserati 250f</span></td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">maserati straight - 6</span></td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">0</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">1957</span></td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">bruce halford</span></td> | |
| <td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">maserati 250f</span></td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">maserati straight - 6</span></td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">0</span></td> | |
| </tr> | |
| <tr> | |
| <td>1959</td> | |
| <td>john fisher</td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">lotus 16</span></td> | |
| <td>climax straight - 4</td> | |
| <td>0</td> | |
| </tr> | |
| <tr> | |
| <td>1960</td> | |
| <td>fred tuck cars</td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">cooper t45</span></td> | |
| <td>climax straight - 4</td> | |
| <td>0</td> | |
| </tr> | |
| <tr> | |
| <td>1960</td> | |
| <td>yeoman credit racing team</td> | |
| <td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">cooper t51</span></td> | |
| <td>climax straight - 4</td> | |
| <td>0</td> | |
| </tr> | |
| </table> | |
| </div> | |
| <hr/> | |
| <div class="step"> | |
| <div class="step-title">Step 2: Select rows where 'engine' is 'climax straight - 4'.</div> | |
| <div class="content" id="step-0"> | |
| <table> | |
| <tr> | |
| <td>year</td> | |
| <td>entrant</td> | |
| <td>chassis</td> | |
| <td>engine</td> | |
| <td>points</td> | |
| </tr> | |
| <tr> | |
| <td>1956</td> | |
| <td>bruce halford</td> | |
| <td>maserati 250f</td> | |
| <td>maserati straight - 6</td> | |
| <td>0</td> | |
| </tr> | |
| <tr> | |
| <td>1957</td> | |
| <td>bruce halford</td> | |
| <td>maserati 250f</td> | |
| <td>maserati straight - 6</td> | |
| <td>0</td> | |
| </tr> | |
| </table> | |
| </div> | |
| </div> | |
| <hr/> | |
| <div class="step"> | |
| <div class="step-title">Step 3: Use a `CASE` statement to return TRUE if the number of rows is greater than or equal to 1, otherwise return FALSE.</div> | |
| <div class="content" id="step-1"> | |
| <table> | |
| <tr> | |
| <td>year</td> | |
| <td>entrant</td> | |
| <td>chassis</td> | |
| <td>engine</td> | |
| <td>points</td> | |
| </tr> | |
| </table> | |
| </div> | |
| </div> | |
| <hr/> | |
| </div> | |
| </div> | |
| <hr/> | |
| </body></html> | |