luulinh90s's picture
update
8431e47
raw
history blame
7.47 kB
<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> jack nicklaus of the united states has a score of 72 + 70 + 75 + 72 = 289</h3>
<h3>Input Table: 1975 u.s. open (golf)</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: Select rows where 'player' is 'jack nicklaus'.</div>
<div class="content" id="step-1">
<table>
<tr>
<td>place</td>
<td>player</td>
<td>country</td>
<td>score</td>
<td>to_par</td>
<td>money</td>
</tr>
<tr>
<td>t1</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">lou graham</span></td>
<td>united states</td>
<td>74 + 72 + 68 + 73 = 287</td>
<td>+ 3</td>
<td>playoff</td>
</tr>
<tr>
<td>t1</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">john mahaffey</span></td>
<td>united states</td>
<td>73 + 71 + 72 + 71 = 287</td>
<td>+ 3</td>
<td>playoff</td>
</tr>
<tr>
<td>t3</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">frank beard</span></td>
<td>united states</td>
<td>74 + 69 + 67 + 78 = 288</td>
<td>+ 4</td>
<td>10875</td>
</tr>
<tr>
<td>t3</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">ben crenshaw</span></td>
<td>united states</td>
<td>70 + 68 + 76 + 74 = 288</td>
<td>+ 4</td>
<td>10875</td>
</tr>
<tr>
<td>t3</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">hale irwin</span></td>
<td>united states</td>
<td>74 + 71 + 73 + 70 = 288</td>
<td>+ 4</td>
<td>10875</td>
</tr>
<tr>
<td>t3</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">bob murphy</span></td>
<td>united states</td>
<td>74 + 73 + 72 + 69 = 288</td>
<td>+ 4</td>
<td>10875</td>
</tr>
<tr>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">t7</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">jack nicklaus</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">united states</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">72 + 70 + 75 + 72 = 289</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">+ 5</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">7500</span></td>
</tr>
<tr>
<td>t7</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">peter oosterhuis</span></td>
<td>england</td>
<td>69 + 73 + 72 + 75 = 289</td>
<td>+ 5</td>
<td>7500</td>
</tr>
<tr>
<td>t9</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">pat fitzsimons</span></td>
<td>united states</td>
<td>67 + 73 + 73 + 77 = 290</td>
<td>+ 6</td>
<td>5000</td>
</tr>
<tr>
<td>t9</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">arnold palmer</span></td>
<td>united states</td>
<td>69 + 75 + 73 + 73 = 290</td>
<td>+ 6</td>
<td>5000</td>
</tr>
<tr>
<td>t9</td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">tom watson</span></td>
<td>united states</td>
<td>67 + 68 + 78 + 77 = 290</td>
<td>+ 6</td>
<td>5000</td>
</tr>
</table>
</div>
<hr/>
<div class="step">
<div class="step-title">Step 2: Select rows where 'country' is 'united states'.</div>
<div class="content" id="step-0">
<table>
<tr>
<td>place</td>
<td>player</td>
<td>country</td>
<td>score</td>
<td>to_par</td>
<td>money</td>
</tr>
<tr>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">t7</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">jack nicklaus</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">united states</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">72 + 70 + 75 + 72 = 289</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">+ 5</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">7500</span></td>
</tr>
</table>
</div>
</div>
<hr/>
<div class="step">
<div class="step-title">Step 3: Select rows where 'score' is '72 + 70 + 75 + 72 = 289'.</div>
<div class="content" id="step-1">
<table>
<tr>
<td>place</td>
<td>player</td>
<td>country</td>
<td>score</td>
<td>to_par</td>
<td>money</td>
</tr>
<tr>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">t7</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">jack nicklaus</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">united states</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">72 + 70 + 75 + 72 = 289</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">+ 5</span></td>
<td><span class="highlighted-cell" style="background-color:yellow;" title="Used in transformation">7500</span></td>
</tr>
</table>
</div>
</div>
<hr/>
<div class="step">
<div class="step-title">Step 4: Use a `CASE` statement to return TRUE if the number of rows is equal to 1, otherwise return FALSE.</div>
<div class="content" id="step-2">
<table>
<tr>
<td>place</td>
<td>player</td>
<td>country</td>
<td>score</td>
<td>to_par</td>
<td>money</td>
</tr>
<tr>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">t7</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">jack nicklaus</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">united states</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">72 + 70 + 75 + 72 = 289</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">+ 5</span></td>
<td><span class="highlighted-cell" style="background-color:#90EE90;" title="Used in transformation">7500</span></td>
</tr>
</table>
</div>
</div>
<hr/>
</div>
</div>
<hr/>
</body></html>