<title>TOEFL Reading Practice – Online</title>
<style>
:root {
--bg: #fafafa;
--card: #ffffff;
--text: #222;
--muted: #666;
--primary: #1a73e8;
--correct: #10893e;
--wrong: #c62828;
--border: #e5e7eb;
--highlight: #f0f7ff;
}
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: var(--bg); color: var(--text); margin:0; }
header {
background: linear-gradient(135deg, #1a73e8 0%, #673ab7 100%);
color: #fff; padding: 24px 16px; text-align: center;
}
header h1 { margin: 0 0 8px; font-size: 1.8rem; }
header p { margin: 0; opacity: 0.95; }
.container { max-width: 920px; margin: 24px auto; padding: 0 16px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 16px; }
.passage { background: #fff; border-left: 4px solid var(--primary); padding: 12px 12px 4px; margin-bottom: 12px; }
.passage h3 { margin: 0 0 8px; font-size: 1.1rem; color: var(--primary); }
.passage pre { white-space: pre-wrap; font-family: inherit; line-height: 1.5; color: var(--muted); }
.question { border-top: 1px dashed var(--border); padding-top: 12px; margin-top: 12px; }
.question h4 { margin: 0 0 8px; font-size: 1rem; }
.options { display: grid; grid-template-columns: 1fr; gap: 8px; }
label.option {
display: flex; gap: 10px; align-items: flex-start; padding: 10px; border: 1px solid var(--border);
border-radius: 10px; background: #fff; cursor: pointer;
}
label.option:hover { background: var(--highlight); }
.badge { font-weight: 600; color: var(--muted); min-width: 22px; text-align: center; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
button {
border: none; border-radius: 10px; padding: 10px 14px; font-weight: 600; cursor: pointer;
}
button.primary { background: var(--primary); color: #fff; }
button.secondary { background: #f3f4f6; color: var(--text); }
.result {
background: #f8fafc; border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; margin-top: 10px;
}
.correctMsg { color: var(--correct); font-weight: 600; }
.wrongMsg { color: var(--wrong); font-weight: 600; }
.explain { color: var(--muted); margin-top: 4px; }
.footer { text-align: center; color: var(--muted); padding: 16px; font-size: 0.9rem; }
.kunci { font-size: 0.95rem; color: var(--muted); }
.pill { display:inline-block; padding:4px 8px; border-radius:999px; background:#eef2ff; color:#4338ca; font-weight:600; margin-right:8px; }
.grid2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
@media (max-width: 680px){ .grid2 { grid-template-columns: 1fr; } }
/* feedback colors */
.is-correct { border-color: rgba(16,137,62,0.6); background: #f3fcf6; }
.is-wrong { border-color: rgba(198,40,40,0.5); background: #fff5f5; }
</style>
TOEFL Reading Practice
Latihan komprehensif: baca teks, pilih jawaban, dapatkan skor otomatis
Reading 1 — The Stone Age
The stone age was a period of history which began in approximately 2 million B.C and lasted until 3000 B.C.
Its name was derived from the stone tools and weapons that modern scientists found. This period was divided
into the Paleolithic, Mesolithic, and Neolithic Ages. During the first period (2 million to 8000 B.C), the first
hatchet and use of fire for heating and cooking were developed. As a result of the Ice Age, which evolved
about 1 million years into the Paleolithic Age, people were forced to seek shelter in caves, wear clothing,
and develop new tools.
During the Mesolithic Age (8000 to 6000 B.C.), people made crude pottery and the first fish hooks, took dogs
hunting, and developed the bow and arrow, which were used until the fourteenth century A.D.
The Neolithic Age (6000 to 3000 B.C.) saw humankind domesticating sheep, goats, pigs, and cattle, being
less nomadic than in previous eras, establishing permanent settlements, and creating governments.
<!-- Q1 to Q10 -->
<div id="q-1" class="question">
<h4>1. Into how many periods was the Stone Age divided?</h4>
<div class="options">
<label class="option"><input type="radio" name="q1" value="A"> <span class="badge">A</span> 2</label>
<label class="option"><input type="radio" name="q1" value="B"> <span class="badge">B</span> 3</label>
<label class="option"><input type="radio" name="q1" value="C"> <span class="badge">C</span> 4</label>
<label class="option"><input type="radio" name="q1" value="D"> <span class="badge">D</span> 5</label>
</div>
<div class="result" data-for="q1"></div>
</div>
<div id="q-2" class="question">
<h4>2. In line 3, the word “derived” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q2" value="A"> <span class="badge">A</span> Originated</label>
<label class="option"><input type="radio" name="q2" value="B"> <span class="badge">B</span> Destroyed</label>
<label class="option"><input type="radio" name="q2" value="C"> <span class="badge">C</span> Hallucinated</label>
<label class="option"><input type="radio" name="q2" value="D"> <span class="badge">D</span> Discussed</label>
</div>
<div class="result" data-for="q2"></div>
</div>
<div id="q-3" class="question">
<h4>3. Which of the following was developed earliest?</h4>
<div class="options">
<label class="option"><input type="radio" name="q3" value="A"> <span class="badge">A</span> Fish hook</label>
<label class="option"><input type="radio" name="q3" value="B"> <span class="badge">B</span> Hatchet</label>
<label class="option"><input type="radio" name="q3" value="C"> <span class="badge">C</span> Bow and arrow</label>
<label class="option"><input type="radio" name="q3" value="D"> <span class="badge">D</span> Pottery</label>
</div>
<div class="result" data-for="q3"></div>
</div>
<div id="q-4" class="question">
<h4>4. Which development is NOT related to the Ice Age conditions?</h4>
<div class="options">
<label class="option"><input type="radio" name="q4" value="A"> <span class="badge">A</span> Farming</label>
<label class="option"><input type="radio" name="q4" value="B"> <span class="badge">B</span> Clothing</label>
<label class="option"><input type="radio" name="q4" value="C"> <span class="badge">C</span> Living indoors</label>
<label class="option"><input type="radio" name="q4" value="D"> <span class="badge">D</span> Using fire</label>
</div>
<div class="result" data-for="q4"></div>
</div>
<div id="q-5" class="question">
<h4>5. The word “crude” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q5" value="A"> <span class="badge">A</span> Extravagant</label>
<label class="option"><input type="radio" name="q5" value="B"> <span class="badge">B</span> Complex</label>
<label class="option"><input type="radio" name="q5" value="C"> <span class="badge">C</span> Vulgar</label>
<label class="option"><input type="radio" name="q5" value="D"> <span class="badge">D</span> Primitive</label>
</div>
<div class="result" data-for="q5"></div>
</div>
<div id="q-6" class="question">
<h4>6. The Stone Age was so named because</h4>
<div class="options">
<label class="option"><input type="radio" name="q6" value="A"> <span class="badge">A</span> It was durable like stone</label>
<label class="option"><input type="radio" name="q6" value="B"> <span class="badge">B</span> Tools and weapons were made of stone</label>
<label class="option"><input type="radio" name="q6" value="C"> <span class="badge">C</span> Little vegetation</label>
<label class="option"><input type="radio" name="q6" value="D"> <span class="badge">D</span> People lived in stone caves</label>
</div>
<div class="result" data-for="q6"></div>
</div>
<div id="q-7" class="question">
<h4>7. “Nomadic” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q7" value="A"> <span class="badge">A</span> Sedentary</label>
<label class="option"><input type="radio" name="q7" value="B"> <span class="badge">B</span> Wandering</label>
<label class="option"><input type="radio" name="q7" value="C"> <span class="badge">C</span> Primitive</label>
<label class="option"><input type="radio" name="q7" value="D"> <span class="badge">D</span> Inquisitive</label>
</div>
<div class="result" data-for="q7"></div>
</div>
<div id="q-8" class="question">
<h4>8. What is the passage mainly concerned with?</h4>
<div class="options">
<label class="option"><input type="radio" name="q8" value="A"> <span class="badge">A</span> The Neolithic Age</label>
<label class="option"><input type="radio" name="q8" value="B"> <span class="badge">B</span> The Paleolithic Age</label>
<label class="option"><input type="radio" name="q8" value="C"> <span class="badge">C</span> The Stone Age</label>
<label class="option"><input type="radio" name="q8" value="D"> <span class="badge">D</span> The Ice Age</label>
</div>
<div class="result" data-for="q8"></div>
</div>
<div id="q-9" class="question">
<h4>9. Which best describes the Mesolithic Age?</h4>
<div class="options">
<label class="option"><input type="radio" name="q9" value="A"> <span class="badge">A</span> People were inventive</label>
<label class="option"><input type="radio" name="q9" value="B"> <span class="badge">B</span> People stayed indoors all the time</label>
<label class="option"><input type="radio" name="q9" value="C"> <span class="badge">C</span> People were warriors</label>
<label class="option"><input type="radio" name="q9" value="D"> <span class="badge">D</span> People were crude</label>
</div>
<div class="result" data-for="q9"></div>
</div>
<div id="q-10" class="question">
<h4>10. “Eras” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q10" value="A"> <span class="badge">A</span> Families</label>
<label class="option"><input type="radio" name="q10" value="B"> <span class="badge">B</span> Periods</label>
<label class="option"><input type="radio" name="q10" value="C"> <span class="badge">C</span> Herds</label>
<label class="option"><input type="radio" name="q10" value="D"> <span class="badge">D</span> Tools</label>
</div>
<div class="result" data-for="q10"></div>
</div>
Reading 2 — Ocean Salinity
If the salinity of ocean waters is analyzed, it varies only slightly from place to place. Three processes
change salinity: evaporation (removes water, salts remain → increased salinity); precipitation/runoff
(adds freshwater → decreased salinity); and formation/melting of sea ice (freezing leaves salts in water
beneath ice → increased salinity; melting adds freshwater → decreased salinity). Tropical regions tend
to have higher salinity due to stronger evaporation; coastal regions diluted by rivers tend to be lower.
In the Weddell Sea (Antarctica), very dense water forms from freezing + high salinity and sinks to
the deep oceans.
<!-- Q11 to Q20 -->
<div id="q-11" class="question">
<h4>11. What does the passage mainly discuss?</h4>
<div class="options">
<label class="option"><input type="radio" name="q11" value="A"> <span class="badge">A</span> The elements of salt</label>
<label class="option"><input type="radio" name="q11" value="B"> <span class="badge">B</span> Bodies of water of the world</label>
<label class="option"><input type="radio" name="q11" value="C"> <span class="badge">C</span> Forms of ocean life</label>
<label class="option"><input type="radio" name="q11" value="D"> <span class="badge">D</span> The salinity of ocean water</label>
</div>
<div class="result" data-for="q11"></div>
</div>
<div id="q-12" class="question">
<h4>12. The word “this” refers to</h4>
<div class="options">
<label class="option"><input type="radio" name="q12" value="A"> <span class="badge">A</span> ocean</label>
<label class="option"><input type="radio" name="q12" value="B"> <span class="badge">B</span> evaporation</label>
<label class="option"><input type="radio" name="q12" value="C"> <span class="badge">C</span> salinity</label>
<label class="option"><input type="radio" name="q12" value="D"> <span class="badge">D</span> crystals</label>
</div>
<div class="result" data-for="q12"></div>
</div>
<div id="q-13" class="question">
<h4>13. The ocean generally has more salt in</h4>
<div class="options">
<label class="option"><input type="radio" name="q13" value="A"> <span class="badge">A</span> coastal areas</label>
<label class="option"><input type="radio" name="q13" value="B"> <span class="badge">B</span> tropical areas</label>
<label class="option"><input type="radio" name="q13" value="C"> <span class="badge">C</span> rainy areas</label>
<label class="option"><input type="radio" name="q13" value="D"> <span class="badge">D</span> turbulent areas</label>
</div>
<div class="result" data-for="q13"></div>
</div>
<div id="q-14" class="question">
<h4>14. Processes that decrease salinity EXCEPT</h4>
<div class="options">
<label class="option"><input type="radio" name="q14" value="A"> <span class="badge">A</span> evaporation</label>
<label class="option"><input type="radio" name="q14" value="B"> <span class="badge">B</span> precipitation</label>
<label class="option"><input type="radio" name="q14" value="C"> <span class="badge">C</span> runoff</label>
<label class="option"><input type="radio" name="q14" value="D"> <span class="badge">D</span> melting</label>
</div>
<div class="result" data-for="q14"></div>
</div>
<div id="q-15" class="question">
<h4>15. Which statement can be inferred?</h4>
<div class="options">
<label class="option"><input type="radio" name="q15" value="A"> <span class="badge">A</span> Temperature is the most important factor</label>
<label class="option"><input type="radio" name="q15" value="B"> <span class="badge">B</span> Speed of water movement correlates with salt</label>
<label class="option"><input type="radio" name="q15" value="C"> <span class="badge">C</span> Ocean salinity has little effect on sea life</label>
<label class="option"><input type="radio" name="q15" value="D"> <span class="badge">D</span> Various factors combine to cause variations</label>
</div>
<div class="result" data-for="q15"></div>
</div>
<div id="q-16" class="question">
<h4>16. “Altered” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q16" value="A"> <span class="badge">A</span> determined</label>
<label class="option"><input type="radio" name="q16" value="B"> <span class="badge">B</span> changed</label>
<label class="option"><input type="radio" name="q16" value="C"> <span class="badge">C</span> accumulated</label>
<label class="option"><input type="radio" name="q16" value="D"> <span class="badge">D</span> needed</label>
</div>
<div class="result" data-for="q16"></div>
</div>
<div id="q-17" class="question">
<h4>17. The word “it” refers to</h4>
<div class="options">
<label class="option"><input type="radio" name="q17" value="A"> <span class="badge">A</span> sea ice</label>
<label class="option"><input type="radio" name="q17" value="B"> <span class="badge">B</span> salinity</label>
<label class="option"><input type="radio" name="q17" value="C"> <span class="badge">C</span> seawater</label>
<label class="option"><input type="radio" name="q17" value="D"> <span class="badge">D</span> manner</label>
</div>
<div class="result" data-for="q17"></div>
</div>
<div id="q-18" class="question">
<h4>18. Why mention the Weddell Sea?</h4>
<div class="options">
<label class="option"><input type="radio" name="q18" value="A"> <span class="badge">A</span> To show salinity variations</label>
<label class="option"><input type="radio" name="q18" value="B"> <span class="badge">B</span> Compare Antarctic with Arctic</label>
<label class="option"><input type="radio" name="q18" value="C"> <span class="badge">C</span> Example of increased salinity due to freezing</label>
<label class="option"><input type="radio" name="q18" value="D"> <span class="badge">D</span> Location of deep waters</label>
</div>
<div class="result" data-for="q18"></div>
</div>
<div id="q-19" class="question">
<h4>19. Which is NOT a result of ocean ice formation?</h4>
<div class="options">
<label class="option"><input type="radio" name="q19" value="A"> <span class="badge">A</span> Salt remains in the water</label>
<label class="option"><input type="radio" name="q19" value="B"> <span class="badge">B</span> Surrounding water sinks</label>
<label class="option"><input type="radio" name="q19" value="C"> <span class="badge">C</span> Water salinity decreases</label>
<label class="option"><input type="radio" name="q19" value="D"> <span class="badge">D</span> Water becomes denser</label>
</div>
<div class="result" data-for="q19"></div>
</div>
<div id="q-20" class="question">
<h4>20. What can be inferred about bottom waters of oceans?</h4>
<div class="options">
<label class="option"><input type="radio" name="q20" value="A"> <span class="badge">A</span> Relatively warm</label>
<label class="option"><input type="radio" name="q20" value="B"> <span class="badge">B</span> Salinity relatively high</label>
<label class="option"><input type="radio" name="q20" value="C"> <span class="badge">C</span> Do not move</label>
<label class="option"><input type="radio" name="q20" value="D"> <span class="badge">D</span> Evaporate quickly</label>
</div>
<div class="result" data-for="q20"></div>
</div>
Reading 3 — Fish Locomotion
Different fish species swim in different ways. “Eel-form” (anguilliform) undulates the whole body, increasing drag;
effective but inefficient—favored by bottom dwellers (eels, blennies, flounders). “Jack-form” (carangiform) uses
a stiffer body with a forked tail; adapted for acceleration and efficient for predators (jacks, scads, pompanos).
“Trunkfish style” (ostraciform) uses tail propulsion but is slow and clumsy; relies on armor/toxins (puffer, porcupine).
<!-- Q21 to Q30 -->
<div id="q-21" class="question">
<h4>21. “Suggests” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q21" value="A"> <span class="badge">A</span> implies</label>
<label class="option"><input type="radio" name="q21" value="B"> <span class="badge">B</span> demands</label>
<label class="option"><input type="radio" name="q21" value="C"> <span class="badge">C</span> describes</label>
<label class="option"><input type="radio" name="q21" value="D"> <span class="badge">D</span> compares</label>
</div>
<div class="result" data-for="q21"></div>
</div>
<div id="q-22" class="question">
<h4>22. The word “it” refers to</h4>
<div class="options">
<label class="option"><input type="radio" name="q22" value="A"> <span class="badge">A</span> tail</label>
<label class="option"><input type="radio" name="q22" value="B"> <span class="badge">B</span> thrust</label>
<label class="option"><input type="radio" name="q22" value="C"> <span class="badge">C</span> body</label>
<label class="option"><input type="radio" name="q22" value="D"> <span class="badge">D</span> water</label>
</div>
<div class="result" data-for="q22"></div>
</div>
<div id="q-23" class="question">
<h4>23. Why is eel-form inefficient?</h4>
<div class="options">
<label class="option"><input type="radio" name="q23" value="A"> <span class="badge">A</span> Increased drag from body undulations</label>
<label class="option"><input type="radio" name="q23" value="B"> <span class="badge">B</span> Bottom swimming habit</label>
<label class="option"><input type="radio" name="q23" value="C"> <span class="badge">C</span> Simple body structure</label>
<label class="option"><input type="radio" name="q23" value="D"> <span class="badge">D</span> Weak tail thrust</label>
</div>
<div class="result" data-for="q23"></div>
</div>
<div id="q-24" class="question">
<h4>24. “Employed” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q24" value="A"> <span class="badge">A</span> used</label>
<label class="option"><input type="radio" name="q24" value="B"> <span class="badge">B</span> occupied</label>
<label class="option"><input type="radio" name="q24" value="C"> <span class="badge">C</span> developed</label>
<label class="option"><input type="radio" name="q24" value="D"> <span class="badge">D</span> provided</label>
</div>
<div class="result" data-for="q24"></div>
</div>
<div id="q-25" class="question">
<h4>25. It can be inferred that blennies are</h4>
<div class="options">
<label class="option"><input type="radio" name="q25" value="A"> <span class="badge">A</span> bottom dwellers</label>
<label class="option"><input type="radio" name="q25" value="B"> <span class="badge">B</span> sharks</label>
<label class="option"><input type="radio" name="q25" value="C"> <span class="badge">C</span> predators</label>
<label class="option"><input type="radio" name="q25" value="D"> <span class="badge">D</span> a type of eel</label>
</div>
<div class="result" data-for="q25"></div>
</div>
<div id="q-26" class="question">
<h4>26. “Minimizes” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q26" value="A"> <span class="badge">A</span> prevents</label>
<label class="option"><input type="radio" name="q26" value="B"> <span class="badge">B</span> reduces</label>
<label class="option"><input type="radio" name="q26" value="C"> <span class="badge">C</span> determines</label>
<label class="option"><input type="radio" name="q26" value="D"> <span class="badge">D</span> repeats</label>
</div>
<div class="result" data-for="q26"></div>
</div>
<div id="q-27" class="question">
<h4>27. Jack-form swimmers are mentioned because</h4>
<div class="options">
<label class="option"><input type="radio" name="q27" value="A"> <span class="badge">A</span> Prey on bottom dwellers</label>
<label class="option"><input type="radio" name="q27" value="B"> <span class="badge">B</span> Their style lets them catch prey effectively</label>
<label class="option"><input type="radio" name="q27" value="C"> <span class="badge">C</span> Tails similar to eels</label>
<label class="option"><input type="radio" name="q27" value="D"> <span class="badge">D</span> Highly flexible skeleton</label>
</div>
<div class="result" data-for="q27"></div>
</div>
<div id="q-28" class="question">
<h4>28. “Objective” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q28" value="A"> <span class="badge">A</span> ability</label>
<label class="option"><input type="radio" name="q28" value="B"> <span class="badge">B</span> preference</label>
<label class="option"><input type="radio" name="q28" value="C"> <span class="badge">C</span> purpose</label>
<label class="option"><input type="radio" name="q28" value="D"> <span class="badge">D</span> method</label>
</div>
<div class="result" data-for="q28"></div>
</div>
<div id="q-29" class="question">
<h4>29. Which fish would most likely emit a poisonous substance?</h4>
<div class="options">
<label class="option"><input type="radio" name="q29" value="A"> <span class="badge">A</span> Nurse shark</label>
<label class="option"><input type="radio" name="q29" value="B"> <span class="badge">B</span> Jack</label>
<label class="option"><input type="radio" name="q29" value="C"> <span class="badge">C</span> Pompano</label>
<label class="option"><input type="radio" name="q29" value="D"> <span class="badge">D</span> Puffer fish</label>
</div>
<div class="result" data-for="q29"></div>
</div>
<div id="q-30" class="question">
<h4>30. The passage supports which statement?</h4>
<div class="options">
<label class="option"><input type="radio" name="q30" value="A"> <span class="badge">A</span> Today’s classification is similar to the 1920s</label>
<label class="option"><input type="radio" name="q30" value="B"> <span class="badge">B</span> Scientists still do not understand mechanics</label>
<label class="option"><input type="radio" name="q30" value="C"> <span class="badge">C</span> Math analysis unchanged since 1920s</label>
<label class="option"><input type="radio" name="q30" value="D"> <span class="badge">D</span> Classification has been simplified</label>
</div>
<div class="result" data-for="q30"></div>
</div>
Reading 4 — James Whistler
Whistler (born in Massachusetts, 1834) spent much of his life in Europe; studied art against family objections.
Famous for “Arrangement in Gray and Black No. 1” (Whistler’s Mother). The portrait is asymmetrical with
the subject seated off-center.
<!-- Q31 to Q38 -->
<div id="q-31" class="question">
<h4>31. The paragraph preceding most likely discusses</h4>
<div class="options">
<label class="option"><input type="radio" name="q31" value="A"> <span class="badge">A</span> Eighteenth-century art</label>
<label class="option"><input type="radio" name="q31" value="B"> <span class="badge">B</span> A different American artist</label>
<label class="option"><input type="radio" name="q31" value="C"> <span class="badge">C</span> Whistler’s other famous paintings</label>
<label class="option"><input type="radio" name="q31" value="D"> <span class="badge">D</span> European artists</label>
</div>
<div class="result" data-for="q31"></div>
</div>
<div id="q-32" class="question">
<h4>32. Best describes the information in the passage</h4>
<div class="options">
<label class="option"><input type="radio" name="q32" value="A"> <span class="badge">A</span> Several artists are presented</label>
<label class="option"><input type="radio" name="q32" value="B"> <span class="badge">B</span> One artist’s life and works are described</label>
<label class="option"><input type="radio" name="q32" value="C"> <span class="badge">C</span> Various paintings are contrasted</label>
<label class="option"><input type="radio" name="q32" value="D"> <span class="badge">D</span> Whistler’s family life is outlined</label>
</div>
<div class="result" data-for="q32"></div>
</div>
<div id="q-33" class="question">
<h4>33. Whistler is considered an American artist because</h4>
<div class="options">
<label class="option"><input type="radio" name="q33" value="A"> <span class="badge">A</span> He was born in America</label>
<label class="option"><input type="radio" name="q33" value="B"> <span class="badge">B</span> He spent most of his life in America</label>
<label class="option"><input type="radio" name="q33" value="C"> <span class="badge">C</span> He served in the U.S. military</label>
<label class="option"><input type="radio" name="q33" value="D"> <span class="badge">D</span> He created most of his famous art in America</label>
</div>
<div class="result" data-for="q33"></div>
</div>
<div id="q-34" class="question">
<h4>34. “Majority” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q34" value="A"> <span class="badge">A</span> seniority</label>
<label class="option"><input type="radio" name="q34" value="B"> <span class="badge">B</span> maturity</label>
<label class="option"><input type="radio" name="q34" value="C"> <span class="badge">C</span> large pieces</label>
<label class="option"><input type="radio" name="q34" value="D"> <span class="badge">D</span> high percentage</label>
</div>
<div class="result" data-for="q34"></div>
</div>
<div id="q-35" class="question">
<h4>35. It is implied that Whistler’s family was</h4>
<div class="options">
<label class="option"><input type="radio" name="q35" value="A"> <span class="badge">A</span> Unable to find any work in Russia</label>
<label class="option"><input type="radio" name="q35" value="B"> <span class="badge">B</span> Highly supportive of his art</label>
<label class="option"><input type="radio" name="q35" value="C"> <span class="badge">C</span> Working class</label>
<label class="option"><input type="radio" name="q35" value="D"> <span class="badge">D</span> Military</label>
</div>
<div class="result" data-for="q35"></div>
</div>
<div id="q-36" class="question">
<h4>36. “Objections” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q36" value="A"> <span class="badge">A</span> protests</label>
<label class="option"><input type="radio" name="q36" value="B"> <span class="badge">B</span> goals</label>
<label class="option"><input type="radio" name="q36" value="C"> <span class="badge">C</span> agreements</label>
<label class="option"><input type="radio" name="q36" value="D"> <span class="badge">D</span> battles</label>
</div>
<div class="result" data-for="q36"></div>
</div>
<div id="q-37" class="question">
<h4>37. “Etchings” are</h4>
<div class="options">
<label class="option"><input type="radio" name="q37" value="A"> <span class="badge">A</span> A type of painting</label>
<label class="option"><input type="radio" name="q37" value="B"> <span class="badge">B</span> The same as a lithograph</label>
<label class="option"><input type="radio" name="q37" value="C"> <span class="badge">C</span> An art form introduced by Whistler</label>
<label class="option"><input type="radio" name="q37" value="D"> <span class="badge">D</span> An art form involving engraving</label>
</div>
<div class="result" data-for="q37"></div>
</div>
<div id="q-38" class="question">
<h4>38. “Asymmetrical” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q38" value="A"> <span class="badge">A</span> proportionate</label>
<label class="option"><input type="radio" name="q38" value="B"> <span class="badge">B</span> uneven</label>
<label class="option"><input type="radio" name="q38" value="C"> <span class="badge">C</span> balanced</label>
<label class="option"><input type="radio" name="q38" value="D"> <span class="badge">D</span> lyrical</label>
</div>
<div class="result" data-for="q38"></div>
</div>
Reading 5 — Changing Urban Definitions
U.S. Census definitions of “urban” evolved: 1870 (towns ≥ 8,000), ~1900 (incorporated places ≥ 2,500),
1950 (includes unincorporated units ≥ 2,500 + urban fringe around cities ≥ 50,000 → SMSA). By 1970,
about two-thirds lived in urbanized areas; over half of them outside central cities. Many terms emerged:
metropolitan regions, conurbations, megalopolises, etc.
<!-- Q39 to Q41 -->
<div id="q-39" class="question">
<h4>39. What does the passage mainly discuss?</h4>
<div class="options">
<label class="option"><input type="radio" name="q39" value="A"> <span class="badge">A</span> How cities began and developed</label>
<label class="option"><input type="radio" name="q39" value="B"> <span class="badge">B</span> Solutions to overcrowding</label>
<label class="option"><input type="radio" name="q39" value="C"> <span class="badge">C</span> Changing definition of an urban area</label>
<label class="option"><input type="radio" name="q39" value="D"> <span class="badge">D</span> How the Census conducts a census</label>
</div>
<div class="result" data-for="q39"></div>
</div>
<div id="q-40" class="question">
<h4>40. The population was first classified as rural/urban in</h4>
<div class="options">
<label class="option"><input type="radio" name="q40" value="A"> <span class="badge">A</span> 1870</label>
<label class="option"><input type="radio" name="q40" value="B"> <span class="badge">B</span> 1900</label>
<label class="option"><input type="radio" name="q40" value="C"> <span class="badge">C</span> 1950</label>
<label class="option"><input type="radio" name="q40" value="D"> <span class="badge">D</span> 1970</label>
</div>
<div class="result" data-for="q40"></div>
</div>
<div id="q-41" class="question">
<h4>41. “Distinguished” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q41" value="A"> <span class="badge">A</span> differentiated</label>
<label class="option"><input type="radio" name="q41" value="B"> <span class="badge">B</span> removed</label>
<label class="option"><input type="radio" name="q41" value="C"> <span class="badge">C</span> honored</label>
<label class="option"><input type="radio" name="q41" value="D"> <span class="badge">D</span> protected</label>
</div>
<div class="result" data-for="q41"></div>
</div>
Reading 6 — Ybor City
Vicente Martinez Ybor fled Cuba (1869), moved cigar business to South Florida; later relocated to West Florida near Tampa.
Area named “Ybor City”. Immigrants flocked in; one fifth of 20,000 residents worked at the factory. Jose Martí organized
revolution support there; Roosevelt’s Rough Riders stationed during Spanish–American War (1898).
<!-- Q42 to Q50 -->
<div id="q-42" class="question">
<h4>42. Where is Ybor City located?</h4>
<div class="options">
<label class="option"><input type="radio" name="q42" value="A"> <span class="badge">A</span> South Florida</label>
<label class="option"><input type="radio" name="q42" value="B"> <span class="badge">B</span> Cuba</label>
<label class="option"><input type="radio" name="q42" value="C"> <span class="badge">C</span> West Florida</label>
<label class="option"><input type="radio" name="q42" value="D"> <span class="badge">D</span> Marti</label>
</div>
<div class="result" data-for="q42"></div>
</div>
<div id="q-43" class="question">
<h4>43. The word “flee” means most nearly</h4>
<div class="options">
<label class="option"><input type="radio" name="q43" value="A"> <span class="badge">A</span> Escape</label>
<label class="option"><input type="radio" name="q43" value="B"> <span class="badge">B</span> Return to</label>
<label class="option"><input type="radio" name="q43" value="C"> <span class="badge">C</span> Fight</label>
<label class="option"><input type="radio" name="q43" value="D"> <span class="badge">D</span> disembody</label>
</div>
<div class="result" data-for="q43"></div>
</div>
<div id="q-44" class="question">
<h4>44. “Seek” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q44" value="A"> <span class="badge">A</span> Purchase</label>
<label class="option"><input type="radio" name="q44" value="B"> <span class="badge">B</span> Pursue</label>
<label class="option"><input type="radio" name="q44" value="C"> <span class="badge">C</span> Elude</label>
<label class="option"><input type="radio" name="q44" value="D"> <span class="badge">D</span> develop</label>
</div>
<div class="result" data-for="q44"></div>
</div>
<div id="q-45" class="question">
<h4>45. Why will people continue to remember Ybor’s name?</h4>
<div class="options">
<label class="option"><input type="radio" name="q45" value="A"> <span class="badge">A</span> He suffered a great deal</label>
<label class="option"><input type="radio" name="q45" value="B"> <span class="badge">B</span> Area named in his honor</label>
<label class="option"><input type="radio" name="q45" value="C"> <span class="badge">C</span> He was a Cuban revolutionary</label>
<label class="option"><input type="radio" name="q45" value="D"> <span class="badge">D</span> He fled his homeland</label>
</div>
<div class="result" data-for="q45"></div>
</div>
<div id="q-46" class="question">
<h4>46. “Flocked” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q46" value="A"> <span class="badge">A</span> Came in large numbers</label>
<label class="option"><input type="radio" name="q46" value="B"> <span class="badge">B</span> Escaped hurriedly</label>
<label class="option"><input type="radio" name="q46" value="C"> <span class="badge">C</span> Increased rapidly</label>
<label class="option"><input type="radio" name="q46" value="D"> <span class="badge">D</span> Prospered greatly</label>
</div>
<div class="result" data-for="q46"></div>
</div>
<div id="q-47" class="question">
<h4>47. In early years, how many residents worked in the factory?</h4>
<div class="options">
<label class="option"><input type="radio" name="q47" value="A"> <span class="badge">A</span> 4,000</label>
<label class="option"><input type="radio" name="q47" value="B"> <span class="badge">B</span> 5,000</label>
<label class="option"><input type="radio" name="q47" value="C"> <span class="badge">C</span> 10,000</label>
<label class="option"><input type="radio" name="q47" value="D"> <span class="badge">D</span> 20,000</label>
</div>
<div class="result" data-for="q47"></div>
</div>
<div id="q-48" class="question">
<h4>48. Best title for the passage</h4>
<div class="options">
<label class="option"><input type="radio" name="q48" value="A"> <span class="badge">A</span> The Spanish-American War</label>
<label class="option"><input type="radio" name="q48" value="B"> <span class="badge">B</span> Cuban Contributions in Ybor City Development</label>
<label class="option"><input type="radio" name="q48" value="C"> <span class="badge">C</span> Ybor’s Contribution to Tampa Area Development</label>
<label class="option"><input type="radio" name="q48" value="D"> <span class="badge">D</span> The Process of Cigar Manufacturing</label>
</div>
<div class="result" data-for="q48"></div>
</div>
<div id="q-49" class="question">
<h4>49. “Site” is closest in meaning to</h4>
<div class="options">
<label class="option"><input type="radio" name="q49" value="A"> <span class="badge">A</span> Location</label>
<label class="option"><input type="radio" name="q49" value="B"> <span class="badge">B</span> View</label>
<label class="option"><input type="radio" name="q49" value="C"> <span class="badge">C</span> Vision</label>
<label class="option"><input type="radio" name="q49" value="D"> <span class="badge">D</span> Indebtedness</label>
</div>
<div class="result" data-for="q49"></div>
</div>
<div id="q-50" class="question">
<h4>50. Who was Jose Martí?</h4>
<div class="options">
<label class="option"><input type="radio" name="q50" value="A"> <span class="badge">A</span> A good friend of Ybor</label>
<label class="option"><input type="radio" name="q50" value="B"> <span class="badge">B</span> One of Roosevelt’s “Rough Riders”</label>
<label class="option"><input type="radio" name="q50" value="C"> <span class="badge">C</span> A Cuban writer who sought to free his country</label>
<label class="option"><input type="radio" name="q50" value="D"> <span class="badge">D</span> A worker in the cigar factory</label>
</div>
<div class="result" data-for="q50"></div>
</div>
Kunci Jawaban: 1.B, 2.A, 3.B, 4.A, 5.D, 6.B, 7.B, 8.C, 9.A, 10.B,
11.D, 12.B, 13.B, 14.A, 15.D, 16.B, 17.A, 18.C, 19.C, 20.B,
21.A, 22.C, 23.A, 24.A, 25.A, 26.B, 27.B, 28.C, 29.D, 30.A,
31.B, 32.B, 33.A, 34.D, 35.C, 36.A, 37.D, 38.B,
39.C, 40.A, 41.A,
42.C, 43.A, 44.B, 45.B, 46.A, 47.A, 48.C, 49.A, 50.C
Dibuat untuk latihan kelas & mandiri. Kamu bisa menambahkan timer, pembahasan, dan bank soal lain.
<script>
// Answer key
const KEY = {
q1:'B', q2:'A', q3:'B', q4:'A', q5:'D', q6:'B', q7:'B', q8:'C', q9:'A', q10:'B',
q11:'D', q12:'B', q13:'B', q14:'A', q15:'D', q16:'B', q17:'A', q18:'C', q19:'C', q20:'B',
q21:'A', q22:'C', q23:'A', q24:'A', q25:'A', q26:'B', q27:'B', q28:'C', q29:'D', q30:'A',
q31:'B', q32:'B', q33:'A', q34:'D', q35:'C', q36:'A', q37:'D', q38:'B',
q39:'C', q40:'A', q41:'A',
q42:'C', q43:'A', q44:'B', q45:'B', q46:'A', q47:'A', q48:'C', q49:'A', q50:'C'
};
// Count total questions
const totalQuestions = Object.keys(KEY).length;
document.getElementById('totalQ').textContent = totalQuestions;
function evaluate() {
let correct = 0, wrong = 0, unanswered = 0;
for (const id of Object.keys(KEY)) {
const chosen = document.querySelector(`input[name="${id}"]:checked`);
const resBox = document.querySelector(`.result[data-for="${id}"]`);
const qEl = document.getElementById(id.replace('q','q-'));
resBox.style.display = 'block';
if (!chosen) {
unanswered++;
resBox.innerHTML = `
Belum dijawab.
Kunci: ${KEY[id]}
`;
qEl.classList.remove('is-correct','is-wrong');
qEl.classList.add('is-wrong');
continue;
}
const isRight = chosen.value === KEY[id];
if (isRight) {
correct++;
resBox.innerHTML = `
Benar!
`;
qEl.classList.remove('is-wrong');
qEl.classList.add('is-correct');
} else {
wrong++;
resBox.innerHTML = `
Salah.
Kunci: ${KEY[id]}
`;
qEl.classList.remove('is-correct');
qEl.classList.add('is-wrong');
}
}
const percent = Math.round((correct / totalQuestions) * 100);
const summary = document.getElementById('summary');
summary.style.display = 'block';
document.getElementById('summaryText').innerHTML =
`Benar:
${correct} | Salah:
${wrong} | Belum dijawab:
${unanswered} | Skor:
${percent}%`;
window.scrollTo({ top: summary.parentElement.offsetTop - 20, behavior: 'smooth' });
}
function resetAll() {
document.querySelectorAll('input[type="radio"]').forEach(r => r.checked = false);
document.querySelectorAll('.result').forEach(r => { r.style.display='none'; r.innerHTML=''; });
document.getElementById('summary').style.display = 'none';
document.querySelectorAll('.question').forEach(q => q.classList.remove('is-correct','is-wrong'));
window.scrollTo({ top: 0, behavior: 'smooth' });
}
document.getElementById('submitBtn').addEventListener('click', evaluate);
document.getElementById('resetBtn').addEventListener('click', resetAll);
</script>
TOEFL Reading Practice
Latihan komprehensif: baca teks, pilih jawaban, dapatkan skor otomatis
Total Soal 0
Reading 1 — The Stone Age
Reading 2 — Ocean Salinity
If the salinity of ocean waters is analyzed, it varies only slightly from place to place. Three processes change salinity: evaporation (removes water, salts remain → increased salinity); precipitation/runoff (adds freshwater → decreased salinity); and formation/melting of sea ice (freezing leaves salts in water beneath ice → increased salinity; melting adds freshwater → decreased salinity). Tropical regions tend to have higher salinity due to stronger evaporation; coastal regions diluted by rivers tend to be lower. In the Weddell Sea (Antarctica), very dense water forms from freezing + high salinity and sinks to the deep oceans.Reading 3 — Fish Locomotion
Different fish species swim in different ways. “Eel-form” (anguilliform) undulates the whole body, increasing drag; effective but inefficient—favored by bottom dwellers (eels, blennies, flounders). “Jack-form” (carangiform) uses a stiffer body with a forked tail; adapted for acceleration and efficient for predators (jacks, scads, pompanos). “Trunkfish style” (ostraciform) uses tail propulsion but is slow and clumsy; relies on armor/toxins (puffer, porcupine).Reading 4 — James Whistler
Whistler (born in Massachusetts, 1834) spent much of his life in Europe; studied art against family objections. Famous for “Arrangement in Gray and Black No. 1” (Whistler’s Mother). The portrait is asymmetrical with the subject seated off-center.Reading 5 — Changing Urban Definitions
U.S. Census definitions of “urban” evolved: 1870 (towns ≥ 8,000), ~1900 (incorporated places ≥ 2,500), 1950 (includes unincorporated units ≥ 2,500 + urban fringe around cities ≥ 50,000 → SMSA). By 1970, about two-thirds lived in urbanized areas; over half of them outside central cities. Many terms emerged: metropolitan regions, conurbations, megalopolises, etc.Reading 6 — Ybor City
Vicente Martinez Ybor fled Cuba (1869), moved cigar business to South Florida; later relocated to West Florida near Tampa. Area named “Ybor City”. Immigrants flocked in; one fifth of 20,000 residents worked at the factory. Jose Martí organized revolution support there; Roosevelt’s Rough Riders stationed during Spanish–American War (1898).