U.S. Citizenship Test<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* General Styles and Color Variables *\/\n :root {\n --dark-blue: #0d2c54;\n --medium-blue: #1a5dab;\n --error-red: #d94545;\n --success-green: #28a745;\n --light-blue-bg: #eef7ff;\n --light-gray-bg: #f7f9fc;\n --text-gray: #555;\n --border-gray: #dce4f0;\n --white: #ffffff;\n --shadow: 0 4px 15px rgba(13, 44, 84, 0.1);\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--light-gray-bg);\n color: var(--dark-blue);\n display: flex;\n justify-content: center;\n align-items: flex-start;\n min-height: 100vh;\n padding: 20px;\n box-sizing: border-box;\n }\n\n #citizenship-test-wrapper {\n max-width: 650px;\n width: 100%;\n background: var(--white);\n border-radius: 20px;\n box-shadow: var(--shadow);\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n \/* Start Screen *\/\n #test-intro h1 {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n #test-intro p {\n font-size: 1rem;\n margin-bottom: 25px;\n line-height: 1.6;\n }\n\n #start-test-btn {\n background: var(--success-green);\n color: var(--white);\n font-size: 1.1rem;\n }\n\n \/* Test Container *\/\n #test-container {\n text-align: left;\n }\n\n #citizenship-test-progress {\n font-size: 1rem;\n margin-bottom: 20px;\n font-weight: 600;\n color: var(--medium-blue);\n background-color: var(--light-blue-bg);\n padding: 10px;\n border-radius: 10px;\n text-align: center;\n }\n\n #citizenship-test-question {\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 25px;\n line-height: 1.5;\n }\n\n #citizenship-test-options {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-bottom: 25px;\n }\n\n .citizenship-option {\n background: var(--white);\n border: 2px solid var(--border-gray);\n color: var(--dark-blue);\n border-radius: 12px;\n padding: 15px;\n font-size: 1rem;\n text-align: left;\n cursor: pointer;\n transition: all 0.2s ease;\n outline: none;\n font-family: inherit;\n line-height: 1.4;\n width: 100%;\n }\n\n .citizenship-option:hover {\n border-color: var(--medium-blue);\n background-color: var(--light-blue-bg);\n }\n \n .citizenship-option.selected {\n border-color: var(--medium-blue);\n background: var(--light-blue-bg);\n font-weight: 600;\n }\n\n .citizenship-option.correct {\n background: #e9f7ec;\n border-color: var(--success-green);\n color: #155724;\n font-weight: 600;\n }\n\n .citizenship-option.incorrect {\n background: #f8d7da;\n border-color: var(--error-red);\n color: #721c24;\n font-weight: 600;\n }\n \n .citizenship-option:disabled {\n cursor: default;\n opacity: 0.9;\n }\n \n .citizenship-option.correct:disabled, .citizenship-option.incorrect:disabled {\n opacity: 1;\n }\n\n .test-button {\n border: none;\n border-radius: 12px;\n padding: 14px 25px;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: all 0.2s ease;\n display: block;\n margin: 20px auto 0 auto;\n width: 60%;\n max-width: 300px;\n }\n\n .test-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(13, 44, 84, 0.15);\n }\n\n #check-answer-btn {\n background: var(--medium-blue);\n color: var(--white);\n }\n\n #next-question-btn {\n background: var(--dark-blue);\n color: var(--white);\n }\n\n #restart-from-summary-btn {\n background: var(--success-green);\n color: var(--white);\n }\n\n .variable-answer-note, #correct-answer-info {\n font-size: 0.95rem;\n margin-top: 20px;\n color: var(--medium-blue);\n background-color: var(--light-blue-bg);\n padding: 15px;\n border-radius: 10px;\n text-align: left;\n line-height: 1.6;\n }\n \n #correct-answer-info ul {\n padding-left: 20px;\n margin: 10px 0 0 0;\n }\n\n #citizenship-test-summary {\n text-align: center;\n }\n\n #citizenship-test-summary h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n }\n\n #final-score {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 30px;\n padding: 20px;\n border-radius: 12px;\n background-color: var(--light-blue-bg);\n line-height: 1.8;\n }\n \n #final-score .correct { color: var(--success-green); }\n #final-score .incorrect { color: var(--error-red); }\n\n #test-footer-actions {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n margin-top: 30px;\n padding-top: 20px;\n border-top: 2px solid var(--border-gray);\n }\n\n .footer-btn {\n background: var(--white);\n color: var(--medium-blue);\n border: 2px solid var(--medium-blue);\n width: 48%;\n max-width: none;\n margin: 0;\n }\n\n .footer-btn:hover {\n background: var(--light-blue-bg);\n color: var(--dark-blue);\n border-color: var(--dark-blue);\n transform: translateY(0);\n box-shadow: none;\n }\n\n @media (max-width: 700px) {\n #citizenship-test-wrapper {\n padding: 20px;\n }\n #citizenship-test-question {\n font-size: 1.1rem;\n }\n .test-button {\n width: 100%;\n }\n #test-footer-actions {\n flex-direction: column;\n gap: 10px;\n }\n .footer-btn {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"citizenship-test-wrapper\">\n \n <div id=\"test-intro\">\n <h1>U.S. Citizenship Practice Test<\/h1>\n <p>This test contains the 100 official civics (history and government) questions. Questions will be presented in random order. Good luck!<\/p>\n <button id=\"start-test-btn\" class=\"test-button\">Start Test<\/button>\n <\/div>\n\n \n <div id=\"test-container\" style=\"display:none;\">\n <div id=\"citizenship-test-progress\"><\/div>\n <div id=\"citizenship-test-question\"><\/div>\n <div id=\"citizenship-test-options\"><\/div>\n <div id=\"correct-answer-info\" style=\"display:none;\"><\/div>\n <button id=\"check-answer-btn\" class=\"test-button\" style=\"display:none;\">Check Answer<\/button>\n <button id=\"next-question-btn\" class=\"test-button\" style=\"display:none;\">Next Question<\/button>\n <\/div>\n\n \n <div id=\"citizenship-test-summary\" style=\"display:none;\">\n <h2 id=\"summary-title\"><\/h2>\n <div id=\"final-score\"><\/div>\n <p>Good job! You can restart the test to practice again.<\/p>\n <button id=\"restart-from-summary-btn\" class=\"test-button\">Restart Test<\/button>\n <\/div>\n\n \n <div id=\"test-footer-actions\" style=\"display:none;\">\n <button id=\"view-results-btn\" class=\"test-button footer-btn\">View Results<\/button>\n <button id=\"restart-during-test-btn\" class=\"test-button footer-btn\">Restart Test<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/\/ Array with the 100 official citizenship questions, updated as of August 2025.\nconst allCitizenshipQuestions = [\n \/\/ A: Principles of American Democracy\n {\n id: 1,\n question: \"What is the supreme law of the land?\",\n answers: [\"the Constitution\"],\n options: [\"The Constitution\", \"The Declaration of Independence\", \"The President\"],\n correctOption: 0\n },\n {\n id: 2,\n question: \"What does the Constitution do?\",\n answers: [\"sets up the government\", \"defines the government\", \"protects basic rights of Americans\"],\n options: [\"Sets up the government\", \"Declares independence from Great Britain\", \"Sets the national budget\"],\n correctOption: 0\n },\n {\n id: 3,\n question: \"The idea of self-government is in the first three words of the Constitution. What are these words?\",\n answers: [\"We the People\"],\n options: [\"We the People\", \"I pledge allegiance\", \"Four score and seven\"],\n correctOption: 0\n },\n {\n id: 4,\n question: \"What is an amendment?\",\n answers: [\"a change (to the Constitution)\", \"an addition (to the Constitution)\"],\n options: [\"A change to the Constitution\", \"A law passed by the President\", \"A Supreme Court decision\"],\n correctOption: 0\n },\n {\n id: 5,\n question: \"What do we call the first ten amendments to the Constitution?\",\n answers: [\"the Bill of Rights\"],\n options: [\"The Bill of Rights\", \"The Declaration of Independence\", \"The Articles of Confederation\"],\n correctOption: 0\n },\n {\n id: 6,\n question: \"What is one right or freedom from the First Amendment?\",\n answers: [\"speech\", \"religion\", \"assembly\", \"press\", \"petition the government\"],\n options: [\"Speech\", \"To bear arms\", \"To vote\"],\n correctOption: 0\n },\n {\n id: 7,\n question: \"How many amendments does the Constitution have?\",\n answers: [\"twenty-seven (27)\"],\n options: [\"Twenty-seven (27)\", \"Ten (10)\", \"Fifty (50)\"],\n correctOption: 0\n },\n {\n id: 8,\n question: \"What did the Declaration of Independence do?\",\n answers: [\"announced our independence (from Great Britain)\", \"declared our independence (from Great Britain)\", \"said that the United States is free (from Great Britain)\"],\n options: [\"Announced our independence (from Great Britain)\", \"Freed the slaves\", \"Created the U.S. Constitution\"],\n correctOption: 0\n },\n {\n id: 9,\n question: \"What are two rights in the Declaration of Independence?\",\n answers: [\"life\", \"liberty\", \"pursuit of happiness\"],\n options: [\"Life and liberty\", \"Freedom of speech and religion\", \"The right to vote and run for office\"],\n correctOption: 0\n },\n {\n id: 10,\n question: \"What is freedom of religion?\",\n answers: [\"You can practice any religion, or not practice a religion.\"],\n options: [\"You can practice any religion, or not practice a religion\", \"The government can't establish a national church\", \"You must choose a religion\"],\n correctOption: 0\n },\n {\n id: 11,\n question: \"What is the economic system in the United States?\",\n answers: [\"capitalist economy\", \"market economy\"],\n options: [\"Capitalist economy\", \"Socialist economy\", \"Communist economy\"],\n correctOption: 0\n },\n {\n id: 12,\n question: \"What is the 'rule of law'?\",\n answers: [\"Everyone must follow the law\", \"Leaders must obey the law\", \"Government must obey the law\", \"No one is above the law\"],\n options: [\"Everyone must follow the law\", \"The law only applies to citizens\", \"The President is above the law\"],\n correctOption: 0\n },\n \/\/ B: System of Government\n {\n id: 13,\n question: \"Name one branch or part of the government.\",\n answers: [\"Congress\", \"legislative\", \"President\", \"executive\", \"the courts\", \"judicial\"],\n options: [\"Congress\", \"The military\", \"The states\"],\n correctOption: 0\n },\n {\n id: 14,\n question: \"What stops one branch of government from becoming too powerful?\",\n answers: [\"checks and balances\", \"separation of powers\"],\n options: [\"Checks and balances\", \"The President\", \"The will of the people\"],\n correctOption: 0\n },\n {\n id: 15,\n question: \"Who is in charge of the executive branch?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Speaker of the House\", \"The Chief Justice\"],\n correctOption: 0\n },\n {\n id: 16,\n question: \"Who makes federal laws?\",\n answers: [\"Congress\", \"Senate and House (of Representatives)\", \"(U.S. or national) legislature\"],\n options: [\"Congress\", \"The Supreme Court\", \"The President\"],\n correctOption: 0\n },\n {\n id: 17,\n question: \"What are the two parts of the U.S. Congress?\",\n answers: [\"the Senate and House (of Representatives)\"],\n options: [\"The Senate and House of Representatives\", \"The Supreme Court and the lower courts\", \"The President and the Cabinet\"],\n correctOption: 0\n },\n {\n id: 18,\n question: \"How many U.S. Senators are there?\",\n answers: [\"one hundred (100)\"],\n options: [\"One hundred (100)\", \"Fifty (50)\", \"Four hundred thirty-five (435)\"],\n correctOption: 0\n },\n {\n id: 19,\n question: \"We elect a U.S. Senator for how many years?\",\n answers: [\"six (6)\"],\n options: [\"Six (6)\", \"Two (2)\", \"Four (4)\"],\n correctOption: 0\n },\n {\n id: 20,\n question: \"Who is one of your state's U.S. Senators now?\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your state\"],\n correctOption: 0,\n note: \"Answers will vary. [District of Columbia residents and residents of U.S. territories should answer that D.C. (or the territory where the applicant lives) has no U.S. Senators.] Visit <a href='https:\/\/www.senate.gov' target='_blank'>senate.gov<\/a> to find your state\u2019s U.S. Senators.\"\n },\n {\n id: 21,\n question: \"The House of Representatives has how many voting members?\",\n answers: [\"four hundred thirty-five (435)\"],\n options: [\"Four hundred thirty-five (435)\", \"One hundred (100)\", \"Two hundred (200)\"],\n correctOption: 0\n },\n {\n id: 22,\n question: \"We elect a U.S. Representative for how many years?\",\n answers: [\"two (2)\"],\n options: [\"Two (2)\", \"Four (4)\", \"Six (6)\"],\n correctOption: 0\n },\n {\n id: 23,\n question: \"Name your U.S. Representative.\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your district\"],\n correctOption: 0,\n note: \"Answers will vary. [Residents of territories with nonvoting Delegates or Resident Commissioners may provide the name of that Delegate or Commissioner. Also acceptable is any statement that the territory has no (voting) Representatives in Congress.] Visit <a href='https:\/\/www.house.gov' target='_blank'>house.gov<\/a> to find your U.S. Representative.\"\n },\n {\n id: 24,\n question: \"Who does a U.S. Senator represent?\",\n answers: [\"all people of the state\"],\n options: [\"All people of the state\", \"Only the people in their district\", \"Only their political party\"],\n correctOption: 0\n },\n {\n id: 25,\n question: \"Why do some states have more Representatives than other states?\",\n answers: [\"(because of) the state's population\", \"(because) they have more people\", \"(because) some states have more people\"],\n options: [\"Because of the state's population\", \"Because of the state's size\", \"Because the state is older\"],\n correctOption: 0\n },\n {\n id: 26,\n question: \"We elect a President for how many years?\",\n answers: [\"four (4)\"],\n options: [\"Four (4)\", \"Two (2)\", \"Eight (8)\"],\n correctOption: 0\n },\n {\n id: 27,\n question: \"In what month do we vote for President?\",\n answers: [\"November\"],\n options: [\"November\", \"October\", \"January\"],\n correctOption: 0\n },\n {\n id: 28,\n question: \"What is the name of the President of the United States now?\",\n answers: [\"Donald J. Trump\", \"Donald Trump\", \"Trump\"],\n options: [\"Donald J. Trump\", \"Joe Biden\", \"JD Vance\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The President's name may change.\"\n },\n {\n id: 29,\n question: \"What is the name of the Vice President of the United States now?\",\n answers: [\"JD Vance\", \"Vance\"],\n options: [\"JD Vance\", \"Kamala Harris\", \"Mike Pence\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The Vice President's name may change.\"\n },\n {\n id: 30,\n question: \"If the President can no longer serve, who becomes President?\",\n answers: [\"the Vice President\"],\n options: [\"The Vice President\", \"The Speaker of the House\", \"The Secretary of State\"],\n correctOption: 0\n },\n {\n id: 31,\n question: \"If both the President and the Vice President can no longer serve, who becomes President?\",\n answers: [\"the Speaker of the House\"],\n options: [\"The Speaker of the House\", \"The Chief Justice\", \"The President Pro Tempore of the Senate\"],\n correctOption: 0\n },\n {\n id: 32,\n question: \"Who is the Commander in Chief of the military?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Secretary of Defense\", \"The Chairman of the Joint Chiefs of Staff\"],\n correctOption: 0\n },\n {\n id: 33,\n question: \"Who signs bills to become laws?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Vice President\", \"The Chief Justice\"],\n correctOption: 0\n },\n {\n id: 34,\n question: \"Who vetoes bills?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Senate\", \"The Supreme Court\"],\n correctOption: 0\n },\n {\n id: 35,\n question: \"What does the President\u2019s Cabinet do?\",\n answers: [\"advises the President\"],\n options: [\"Advises the President\", \"Makes laws\", \"Commands the military\"],\n correctOption: 0\n },\n {\n id: 36,\n question: \"What are two Cabinet-level positions?\",\n answers: [\"Secretary of State\", \"Secretary of Defense\", \"Attorney General\", \"Vice President\", \"Secretary of Education\", \"Secretary of Energy\"],\n options: [\"Secretary of State and Secretary of Defense\", \"Chief Justice and Speaker of the House\", \"Governor and Mayor\"],\n correctOption: 0\n },\n {\n id: 37,\n question: \"What does the judicial branch do?\",\n answers: [\"reviews laws\", \"explains laws\", \"resolves disputes (disagreements)\", \"decides if a law goes against the Constitution\"],\n options: [\"Reviews laws\", \"Makes laws\", \"Vetoes bills\"],\n correctOption: 0\n },\n {\n id: 38,\n question: \"What is the highest court in the United States?\",\n answers: [\"the Supreme Court\"],\n options: [\"The Supreme Court\", \"The Federal Court\", \"The Superior Court\"],\n correctOption: 0\n },\n {\n id: 39,\n question: \"How many justices are on the Supreme Court?\",\n answers: [\"nine (9)\"],\n options: [\"Nine (9)\", \"Seven (7)\", \"Twelve (12)\"],\n correctOption: 0,\n note: \"The number of justices is set by Congress and is currently nine.\"\n },\n {\n id: 40,\n question: \"Who is the Chief Justice of the United States now?\",\n answers: [\"John Roberts\", \"John G. Roberts, Jr.\"],\n options: [\"John Roberts\", \"Sonia Sotomayor\", \"Clarence Thomas\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The name may change.\"\n },\n {\n id: 41,\n question: \"Under our Constitution, some powers belong to the federal government. What is one power of the federal government?\",\n answers: [\"to print money\", \"to declare war\", \"to create an army\", \"to make treaties\"],\n options: [\"To print money\", \"To provide schooling and education\", \"To give a driver's license\"],\n correctOption: 0\n },\n {\n id: 42,\n question: \"Under our Constitution, some powers belong to the states. What is one power of the states?\",\n answers: [\"provide schooling and education\", \"provide protection (police)\", \"provide safety (fire departments)\", \"give a driver's license\", \"approve zoning and land use\"],\n options: [\"To provide schooling and education\", \"To declare war\", \"To make treaties\"],\n correctOption: 0\n },\n {\n id: 43,\n question: \"Who is the Governor of your state now?\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your state\"],\n correctOption: 0,\n note: \"Answers will vary. [District of Columbia residents should answer that D.C. does not have a Governor.] Visit <a href='https:\/\/www.usa.gov\/states-and-territories' target='_blank'>usa.gov\/states-and-territories<\/a> to find the Governor of your state.\"\n },\n {\n id: 44,\n question: \"What is the capital of your state?\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your state\"],\n correctOption: 0,\n note: \"The answer varies. Residents of the District of Columbia should answer that D.C. is not a state and does not have a capital. You can find your state's capital online.\"\n },\n {\n id: 45,\n question: \"What are the two major political parties in the United States?\",\n answers: [\"Democratic and Republican\"],\n options: [\"Democratic and Republican\", \"Libertarian and Green\", \"American and Independent\"],\n correctOption: 0\n },\n {\n id: 46,\n question: \"What is the political party of the President now?\",\n answers: [\"Republican (Party)\"],\n options: [\"Republican Party\", \"Democratic Party\", \"Independent\"],\n correctOption: 0,\n note: \"President Donald Trump is a member of the Republican Party (current as of August 2025).\"\n },\n {\n id: 47,\n question: \"What is the name of the Speaker of the House of Representatives now?\",\n answers: [\"Mike Johnson\", \"Johnson\", \"James Michael Johnson\"],\n options: [\"Mike Johnson\", \"Nancy Pelosi\", \"Kevin McCarthy\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The name may change.\"\n },\n \/\/ C: Rights and Responsibilities\n {\n id: 48,\n question: \"There are four amendments to the Constitution about who can vote. Describe one of them.\",\n answers: [\"Citizens eighteen (18) and older (can vote)\", \"You don't have to pay (a poll tax) to vote\", \"Any citizen can vote. (Women and men can vote.)\", \"A male citizen of any race (can vote)\"],\n options: [\"Citizens eighteen (18) and older can vote\", \"Only citizens with a job can vote\", \"Only people who own a house can vote\"],\n correctOption: 0\n },\n {\n id: 49,\n question: \"What is one responsibility that is only for United States citizens?\",\n answers: [\"serve on a jury\", \"vote in a federal election\"],\n options: [\"Serve on a jury\", \"Pay taxes\", \"Obey the law\"],\n correctOption: 0\n },\n {\n id: 50,\n question: \"Name one right only for United States citizens.\",\n answers: [\"vote in a federal election\", \"run for federal office\"],\n options: [\"Vote in a federal election\", \"Freedom of speech\", \"Attend public school\"],\n correctOption: 0\n },\n {\n id: 51,\n question: \"What are two rights of everyone living in the United States?\",\n answers: [\"freedom of expression\", \"freedom of speech\", \"freedom of assembly\", \"freedom to petition the government\", \"freedom of religion\", \"the right to bear arms\"],\n options: [\"Freedom of speech and freedom of religion\", \"Vote and run for federal office\", \"A U.S. passport and free college\"],\n correctOption: 0\n },\n {\n id: 52,\n question: \"What do we show loyalty to when we say the Pledge of Allegiance?\",\n answers: [\"the United States\", \"the flag\"],\n options: [\"The United States\", \"The President\", \"The state where you live\"],\n correctOption: 0\n },\n {\n id: 53,\n question: \"What is one promise you make when you become a United States citizen?\",\n answers: [\"give up loyalty to other countries\", \"defend the Constitution and laws of the United States\", \"obey the laws of the United States\", \"serve in the U.S. military (if needed)\", \"serve (do important work for) the nation (if needed)\", \"be loyal to the United States\"],\n options: [\"To be loyal to the United States\", \"To never travel outside the U.S.\", \"To only speak English\"],\n correctOption: 0\n },\n {\n id: 54,\n question: \"How old do citizens have to be to vote for President?\",\n answers: [\"eighteen (18) and older\"],\n options: [\"Eighteen (18) and older\", \"Sixteen (16) and older\", \"Twenty-one (21) and older\"],\n correctOption: 0\n },\n {\n id: 55,\n question: \"What are two ways that Americans can participate in their democracy?\",\n answers: [\"vote\", \"join a political party\", \"help with a campaign\", \"join a civic group\", \"join a community group\", \"give an elected official your opinion on an issue\", \"call Senators and Representatives\", \"publicly support or oppose an issue or policy\", \"run for office\", \"write to a newspaper\"],\n options: [\"Vote and join a political party\", \"Pay taxes and get a driver's license\", \"Fly a flag and celebrate the 4th of July\"],\n correctOption: 0\n },\n {\n id: 56,\n question: \"When is the last day you can send in federal income tax forms?\",\n answers: [\"April 15\"],\n options: [\"April 15\", \"December 31\", \"July 4\"],\n correctOption: 0\n },\n {\n id: 57,\n question: \"When must all men register for the Selective Service?\",\n answers: [\"at age eighteen (18)\", \"between eighteen (18) and twenty-six (26)\"],\n options: [\"At age eighteen (18)\", \"When they get their driver's license\", \"When they turn twenty-one (21)\"],\n correctOption: 0\n },\n \/\/ AMERICAN HISTORY\n \/\/ A: Colonial Period and Independence\n {\n id: 58,\n question: \"What is one reason colonists came to America?\",\n answers: [\"freedom\", \"political liberty\", \"religious freedom\", \"economic opportunity\", \"practice their religion\", \"escape persecution\"],\n options: [\"Religious freedom\", \"For vacation\", \"To conquer new lands for the king\"],\n correctOption: 0\n },\n {\n id: 59,\n question: \"Who lived in America before the Europeans arrived?\",\n answers: [\"American Indians\", \"Native Americans\"],\n options: [\"American Indians\", \"Canadians\", \"No one\"],\n correctOption: 0\n },\n {\n id: 60,\n question: \"What group of people was taken to America and sold as slaves?\",\n answers: [\"Africans\", \"people from Africa\"],\n options: [\"Africans\", \"Europeans\", \"Asians\"],\n correctOption: 0\n },\n {\n id: 61,\n question: \"Why did the colonists fight the British?\",\n answers: [\"because of high taxes (taxation without representation)\", \"because the British army stayed in their houses (boarding, quartering)\", \"because they didn't have self-government\"],\n options: [\"Because of high taxes\", \"Because they wanted a new king\", \"Because the British food was bad\"],\n correctOption: 0\n },\n {\n id: 62,\n question: \"Who wrote the Declaration of Independence?\",\n answers: [\"(Thomas) Jefferson\"],\n options: [\"Thomas Jefferson\", \"George Washington\", \"Abraham Lincoln\"],\n correctOption: 0\n },\n {\n id: 63,\n question: \"When was the Declaration of Independence adopted?\",\n answers: [\"July 4, 1776\"],\n options: [\"July 4, 1776\", \"December 7, 1941\", \"September 11, 2001\"],\n correctOption: 0\n },\n {\n id: 64,\n question: \"There were 13 original states. Name three.\",\n answers: [\"New Hampshire\", \"Massachusetts\", \"Rhode Island\", \"Connecticut\", \"New York\", \"New Jersey\", \"Pennsylvania\", \"Delaware\", \"Maryland\", \"Virginia\", \"North Carolina\", \"South Carolina\", \"Georgia\"],\n options: [\"New York, New Jersey, and Virginia\", \"California, Texas, and Florida\", \"Washington, Oregon, and Nevada\"],\n correctOption: 0\n },\n {\n id: 65,\n question: \"What happened at the Constitutional Convention?\",\n answers: [\"The Constitution was written\", \"The Founding Fathers wrote the Constitution\"],\n options: [\"The Constitution was written\", \"The Declaration of Independence was written\", \"The Emancipation Proclamation was signed\"],\n correctOption: 0\n },\n {\n id: 66,\n question: \"When was the Constitution written?\",\n answers: [\"1787\"],\n options: [\"1787\", \"1776\", \"1865\"],\n correctOption: 0\n },\n {\n id: 67,\n question: \"The Federalist Papers supported the passage of the U.S. Constitution. Name one of the writers.\",\n answers: [\"(James) Madison\", \"(Alexander) Hamilton\", \"(John) Jay\", \"Publius\"],\n options: [\"James Madison\", \"Thomas Jefferson\", \"George Washington\"],\n correctOption: 0\n },\n {\n id: 68,\n question: \"What is one thing Benjamin Franklin is famous for?\",\n answers: [\"U.S. diplomat\", \"oldest member of the Constitutional Convention\", \"first Postmaster General of the United States\", \"writer of 'Poor Richard's Almanac'\", \"started the first free libraries\"],\n options: [\"U.S. diplomat\", \"Third President of the United States\", \"Inventor of the light bulb\"],\n correctOption: 0\n },\n {\n id: 69,\n question: \"Who is the 'Father of Our Country'?\",\n answers: [\"(George) Washington\"],\n options: [\"George Washington\", \"Abraham Lincoln\", \"Thomas Jefferson\"],\n correctOption: 0\n },\n {\n id: 70,\n question: \"Who was the first President?\",\n answers: [\"(George) Washington\"],\n options: [\"George Washington\", \"John Adams\", \"Benjamin Franklin\"],\n correctOption: 0\n },\n \/\/ B: 1800s\n {\n id: 71,\n question: \"What territory did the United States buy from France in 1803?\",\n answers: [\"the Louisiana Territory\", \"Louisiana\"],\n options: [\"The Louisiana Territory\", \"Alaska\", \"Florida\"],\n correctOption: 0\n },\n {\n id: 72,\n question: \"Name one war fought by the United States in the 1800s.\",\n answers: [\"War of 1812\", \"Mexican-American War\", \"Civil War\", \"Spanish-American War\"],\n options: [\"Civil War\", \"Revolutionary War\", \"World War I\"],\n correctOption: 0\n },\n {\n id: 73,\n question: \"Name the U.S. war between the North and the South.\",\n answers: [\"the Civil War\", \"the War between the States\"],\n options: [\"The Civil War\", \"The War of 1812\", \"The Revolutionary War\"],\n correctOption: 0\n },\n {\n id: 74,\n question: \"Name one problem that led to the Civil War.\",\n answers: [\"slavery\", \"economic reasons\", \"states' rights\"],\n options: [\"Slavery\", \"Taxes on tea\", \"The purchase of Alaska\"],\n correctOption: 0\n },\n {\n id: 75,\n question: \"What was one important thing that Abraham Lincoln did?\",\n answers: [\"freed the slaves (Emancipation Proclamation)\", \"saved (or preserved) the Union\", \"led the United States during the Civil War\"],\n options: [\"Freed the slaves (Emancipation Proclamation)\", \"Wrote the Declaration of Independence\", \"Was the first President\"],\n correctOption: 0\n },\n {\n id: 76,\n question: \"What did the Emancipation Proclamation do?\",\n answers: [\"freed the slaves\", \"freed slaves in the Confederacy\", \"freed slaves in the Confederate states\", \"freed slaves in most Southern states\"],\n options: [\"Freed the slaves\", \"Gave women the right to vote\", \"Ended the Revolutionary War\"],\n correctOption: 0\n },\n {\n id: 77,\n question: \"What did Susan B. Anthony do?\",\n answers: [\"fought for women's rights\", \"fought for civil rights\"],\n options: [\"Fought for women's rights\", \"Was the first woman elected to Congress\", \"Was a famous Civil War general\"],\n correctOption: 0\n },\n \/\/ C: Recent American History and Other Important Historical Information\n {\n id: 78,\n question: \"Name one war fought by the United States in the 1900s.\",\n answers: [\"World War I\", \"World War II\", \"Korean War\", \"Vietnam War\", \"(Persian) Gulf War\"],\n options: [\"World War I\", \"The Civil War\", \"The Revolutionary War\"],\n correctOption: 0\n },\n {\n id: 79,\n question: \"Who was President during World War I?\",\n answers: [\"(Woodrow) Wilson\"],\n options: [\"Woodrow Wilson\", \"Franklin Roosevelt\", \"Abraham Lincoln\"],\n correctOption: 0\n },\n {\n id: 80,\n question: \"Who was President during the Great Depression and World War II?\",\n answers: [\"(Franklin) Roosevelt\"],\n options: [\"Franklin Roosevelt\", \"Harry Truman\", \"Dwight Eisenhower\"],\n correctOption: 0\n },\n {\n id: 81,\n question: \"Who did the United States fight in World War II?\",\n answers: [\"Japan, Germany, and Italy\"],\n options: [\"Japan, Germany, and Italy\", \"The Soviet Union, Great Britain, and France\", \"China, Vietnam, and Korea\"],\n correctOption: 0\n },\n {\n id: 82,\n question: \"Before he was President, Eisenhower was a general. What war was he in?\",\n answers: [\"World War II\"],\n options: [\"World War II\", \"The Civil War\", \"The Vietnam War\"],\n correctOption: 0\n },\n {\n id: 83,\n question: \"During the Cold War, what was the main concern of the United States?\",\n answers: [\"Communism\"],\n options: [\"Communism\", \"Climate change\", \"The Great Depression\"],\n correctOption: 0\n },\n {\n id: 84,\n question: \"What movement tried to end racial discrimination?\",\n answers: [\"civil rights (movement)\"],\n options: [\"The civil rights movement\", \"The women's suffrage movement\", \"The prohibition movement\"],\n correctOption: 0\n },\n {\n id: 85,\n question: \"What did Martin Luther King, Jr. do?\",\n answers: [\"fought for civil rights\", \"worked for equality for all Americans\"],\n options: [\"Fought for civil rights\", \"Was a U.S. Senator\", \"Ran for President\"],\n correctOption: 0\n },\n {\n id: 86,\n question: \"What major event happened on September 11, 2001, in the United States?\",\n answers: [\"Terrorists attacked the United States\"],\n options: [\"Terrorists attacked the United States\", \"The stock market crashed\", \"Hurricane Andrew struck\"],\n correctOption: 0\n },\n {\n id: 87,\n question: \"Name one American Indian tribe in the United States.\",\n answers: [\"Cherokee\", \"Navajo\", \"Sioux\", \"Chippewa\", \"Choctaw\", \"Pueblo\", \"Apache\", \"Iroquois\", \"Creek\", \"Blackfeet\", \"Seminole\", \"Cheyenne\", \"Arawak\", \"Shawnee\", \"Mohegan\", \"Huron\", \"Oneida\", \"Lakota\", \"Crow\", \"Teton\", \"Hopi\", \"Inuit\"],\n options: [\"Cherokee\", \"Zulu\", \"Sami\"],\n correctOption: 0\n },\n \/\/ INTEGRATED CIVICS\n \/\/ A: Geography\n {\n id: 88,\n question: \"Name one of the two longest rivers in the United States.\",\n answers: [\"Missouri (River)\", \"Mississippi (River)\"],\n options: [\"Missouri River\", \"Colorado River\", \"Ohio River\"],\n correctOption: 0\n },\n {\n id: 89,\n question: \"What ocean is on the West Coast of the United States?\",\n answers: [\"Pacific (Ocean)\"],\n options: [\"Pacific Ocean\", \"Atlantic Ocean\", \"Arctic Ocean\"],\n correctOption: 0\n },\n {\n id: 90,\n question: \"What ocean is on the East Coast of the United States?\",\n answers: [\"Atlantic (Ocean)\"],\n options: [\"Atlantic Ocean\", \"Pacific Ocean\", \"Indian Ocean\"],\n correctOption: 0\n },\n {\n id: 91,\n question: \"Name one U.S. territory.\",\n answers: [\"Puerto Rico\", \"U.S. Virgin Islands\", \"American Samoa\", \"Northern Mariana Islands\", \"Guam\"],\n options: [\"Puerto Rico\", \"Havana\", \"Bermuda\"],\n correctOption: 0\n },\n {\n id: 92,\n question: \"Name one state that borders Canada.\",\n answers: [\"Maine\", \"New Hampshire\", \"Vermont\", \"New York\", \"Pennsylvania\", \"Ohio\", \"Michigan\", \"Minnesota\", \"North Dakota\", \"Montana\", \"Idaho\", \"Washington\", \"Alaska\"],\n options: [\"Maine\", \"California\", \"Florida\"],\n correctOption: 0\n },\n {\n id: 93,\n question: \"Name one state that borders Mexico.\",\n answers: [\"California\", \"Arizona\", \"New Mexico\", \"Texas\"],\n options: [\"California\", \"Nevada\", \"Louisiana\"],\n correctOption: 0\n },\n {\n id: 94,\n question: \"What is the capital of the United States?\",\n answers: [\"Washington, D.C.\"],\n options: [\"Washington, D.C.\", \"New York City\", \"Philadelphia\"],\n correctOption: 0\n },\n {\n id: 95,\n question: \"Where is the Statue of Liberty?\",\n answers: [\"New York (Harbor)\", \"Liberty Island\"],\n options: [\"New York (Harbor)\", \"Washington, D.C.\", \"San Francisco, CA\"],\n correctOption: 0\n },\n \/\/ B: Symbols\n {\n id: 96,\n question: \"Why does the flag have 13 stripes?\",\n answers: [\"because there were 13 original colonies\", \"because the stripes represent the original colonies\"],\n options: [\"Because there were 13 original colonies\", \"Because there are 13 amendments\", \"Because it was designed by 13 people\"],\n correctOption: 0\n },\n {\n id: 97,\n question: \"Why does the flag have 50 stars?\",\n answers: [\"because there is one star for each state\", \"because each star represents a state\", \"because there are 50 states\"],\n options: [\"Because there is one star for each state\", \"Because there are 50 original colonies\", \"Because there are 50 amendments to the Constitution\"],\n correctOption: 0\n },\n {\n id: 98,\n question: \"What is the name of the national anthem?\",\n answers: [\"The Star-Spangled Banner\"],\n options: [\"The Star-Spangled Banner\", \"America the Beautiful\", \"God Bless America\"],\n correctOption: 0\n },\n \/\/ C: Holidays\n {\n id: 99,\n question: \"When do we celebrate Independence Day?\",\n answers: [\"July 4\"],\n options: [\"July 4\", \"December 25\", \"January 1\"],\n correctOption: 0\n },\n {\n id: 100,\n question: \"Name two national U.S. holidays.\",\n answers: [\"New Year\u2019s Day\", \"Martin Luther King, Jr. Day\", \"Presidents\u2019 Day\", \"Memorial Day\", \"Juneteenth\", \"Independence Day\", \"Labor Day\", \"Columbus Day\", \"Veterans Day\", \"Thanksgiving\", \"Christmas\"],\n options: [\"Memorial Day and Juneteenth\", \"April Fool's Day and Halloween\", \"Valentine's Day and St. Patrick's Day\"],\n correctOption: 0\n }\n];\n\n\n\/\/ --- TEST LOGIC ---\n\n\/\/ DOM Elements\nconst introDiv = document.getElementById('test-intro');\nconst testContainerDiv = document.getElementById('test-container');\nconst summaryDiv = document.getElementById('citizenship-test-summary');\nconst footerActionsDiv = document.getElementById('test-footer-actions');\n\nconst startBtn = document.getElementById('start-test-btn');\nconst restartFromSummaryBtn = document.getElementById('restart-from-summary-btn');\nconst viewResultsBtn = document.getElementById('view-results-btn');\nconst restartDuringTestBtn = document.getElementById('restart-during-test-btn');\n\nconst progressDiv = document.getElementById('citizenship-test-progress');\nconst questionDiv = document.getElementById('citizenship-test-question');\nconst optionsDiv = document.getElementById('citizenship-test-options');\nconst checkAnswerBtn = document.getElementById('check-answer-btn');\nconst nextQuestionBtn = document.getElementById('next-question-btn');\nconst correctAnswerInfoDiv = document.getElementById('correct-answer-info');\nconst finalScoreDiv = document.getElementById('final-score');\nconst summaryTitle = document.getElementById('summary-title');\n\n\n\/\/ Test State\nlet questions = [];\nlet userAnswers = [];\nlet currentQuestionIndex = 0;\nlet selectedOptionIndex = null;\nlet score = 0;\n\n\/\/ Function to shuffle an array (Fisher-Yates algorithm)\nfunction shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n}\n\n\/\/ Start the Test\nfunction startTest() {\n introDiv.style.display = 'none';\n summaryDiv.style.display = 'none';\n testContainerDiv.style.display = 'block';\n footerActionsDiv.style.display = 'flex';\n\n questions = [...allCitizenshipQuestions];\n shuffleArray(questions);\n \n currentQuestionIndex = 0;\n score = 0;\n userAnswers = [];\n \n renderQuestion();\n}\n\n\/\/ Render the current question\nfunction renderQuestion() {\n selectedOptionIndex = null;\n optionsDiv.innerHTML = '';\n correctAnswerInfoDiv.style.display = 'none';\n checkAnswerBtn.style.display = 'block';\n nextQuestionBtn.style.display = 'none';\n\n const q = questions[currentQuestionIndex];\n\n progressDiv.textContent = `Question ${currentQuestionIndex + 1} of ${questions.length}`;\n questionDiv.innerHTML = `<span>${q.question}<\/span>`;\n\n q.options.forEach((opt, index) => {\n const optionBtn = document.createElement('button');\n optionBtn.className = 'citizenship-option';\n optionBtn.innerHTML = `<span>${opt}<\/span>`;\n optionBtn.onclick = () => selectOption(index, optionBtn);\n optionsDiv.appendChild(optionBtn);\n });\n\n if (q.note) {\n const noteDiv = document.createElement('div');\n noteDiv.className = 'variable-answer-note';\n noteDiv.innerHTML = `<b>Note:<\/b> ${q.note}`;\n optionsDiv.appendChild(noteDiv);\n }\n}\n\n\/\/ Handle option selection\nfunction selectOption(index, button) {\n Array.from(optionsDiv.children).forEach(btn => {\n if (btn.tagName === 'BUTTON') {\n btn.classList.remove('selected');\n }\n });\n\n button.classList.add('selected');\n selectedOptionIndex = index;\n}\n\n\/\/ Check the selected answer\nfunction checkAnswer() {\n if (selectedOptionIndex === null) {\n alert(\"Please select an answer.\");\n return;\n }\n\n checkAnswerBtn.style.display = 'none';\n nextQuestionBtn.style.display = 'block';\n\n const q = questions[currentQuestionIndex];\n const isCorrect = (selectedOptionIndex === q.correctOption);\n\n userAnswers[currentQuestionIndex] = {\n question: q.question,\n selected: q.options[selectedOptionIndex],\n correct: q.options[q.correctOption],\n isCorrect: isCorrect\n };\n\n if (isCorrect) {\n score++;\n }\n\n Array.from(optionsDiv.children).forEach((btn, index) => {\n if (btn.tagName === 'BUTTON') {\n btn.disabled = true;\n if (index === q.correctOption) {\n btn.classList.add('correct');\n } else if (index === selectedOptionIndex) {\n btn.classList.add('incorrect');\n }\n }\n });\n \n let answersHtml = '<b>Official Correct Answer(s):<\/b><ul>';\n q.answers.forEach(answer => {\n answersHtml += `<li>${answer}<\/li>`;\n });\n answersHtml += '<\/ul>';\n correctAnswerInfoDiv.innerHTML = answersHtml;\n correctAnswerInfoDiv.style.display = 'block';\n}\n\n\/\/ Move to the next question\nfunction nextQuestion() {\n currentQuestionIndex++;\n if (currentQuestionIndex < questions.length) {\n renderQuestion();\n } else {\n showSummary(false); \/\/ Test completed\n }\n}\n\n\/\/ Show the final summary\nfunction showSummary(isPartial) {\n testContainerDiv.style.display = 'none';\n footerActionsDiv.style.display = 'none';\n summaryDiv.style.display = 'block';\n\n const questionsAnswered = userAnswers.length;\n const correctAnswers = score;\n const incorrectAnswers = questionsAnswered - correctAnswers;\n\n summaryTitle.textContent = isPartial ? 'Partial Results' : 'Test Finished!';\n\n finalScoreDiv.innerHTML = `\n Questions Answered: ${questionsAnswered} of ${questions.length}<br>\n <span class=\"correct\">Correct Answers: ${correctAnswers}<\/span><br> \n <span class=\"incorrect\">Incorrect Answers: ${incorrectAnswers}<\/span>\n `;\n}\n\n\/\/ Event Listeners\nstartBtn.addEventListener('click', startTest);\nrestartFromSummaryBtn.addEventListener('click', startTest);\nrestartDuringTestBtn.addEventListener('click', startTest);\nviewResultsBtn.addEventListener('click', () => showSummary(true));\ncheckAnswerBtn.addEventListener('click', checkAnswer);\nnextQuestionBtn.addEventListener('click', nextQuestion);\n\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p> U.S. Citizenship Practice Test This test contains the 100 official civics (history and government) questions. Questions will be presented in random order. Good luck! Start Test Check Answer Next Question Good job! You can restart the test to practice again. Restart Test View Results Restart Test<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/pages\/3348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/comments?post=3348"}],"version-history":[{"count":0,"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/pages\/3348\/revisions"}],"wp:attachment":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/media?parent=3348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n U.S. Citizenship Test<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* General Styles and Color Variables *\/\n :root {\n --dark-blue: #0d2c54;\n --medium-blue: #1a5dab;\n --error-red: #d94545;\n --success-green: #28a745;\n --light-blue-bg: #eef7ff;\n --light-gray-bg: #f7f9fc;\n --text-gray: #555;\n --border-gray: #dce4f0;\n --white: #ffffff;\n --shadow: 0 4px 15px rgba(13, 44, 84, 0.1);\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--light-gray-bg);\n color: var(--dark-blue);\n display: flex;\n justify-content: center;\n align-items: flex-start;\n min-height: 100vh;\n padding: 20px;\n box-sizing: border-box;\n }\n\n #citizenship-test-wrapper {\n max-width: 650px;\n width: 100%;\n background: var(--white);\n border-radius: 20px;\n box-shadow: var(--shadow);\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n }\n\n \/* Start Screen *\/\n #test-intro h1 {\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 10px;\n }\n\n #test-intro p {\n font-size: 1rem;\n margin-bottom: 25px;\n line-height: 1.6;\n }\n\n #start-test-btn {\n background: var(--success-green);\n color: var(--white);\n font-size: 1.1rem;\n }\n\n \/* Test Container *\/\n #test-container {\n text-align: left;\n }\n\n #citizenship-test-progress {\n font-size: 1rem;\n margin-bottom: 20px;\n font-weight: 600;\n color: var(--medium-blue);\n background-color: var(--light-blue-bg);\n padding: 10px;\n border-radius: 10px;\n text-align: center;\n }\n\n #citizenship-test-question {\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 25px;\n line-height: 1.5;\n }\n\n #citizenship-test-options {\n display: flex;\n flex-direction: column;\n gap: 15px;\n margin-bottom: 25px;\n }\n\n .citizenship-option {\n background: var(--white);\n border: 2px solid var(--border-gray);\n color: var(--dark-blue);\n border-radius: 12px;\n padding: 15px;\n font-size: 1rem;\n text-align: left;\n cursor: pointer;\n transition: all 0.2s ease;\n outline: none;\n font-family: inherit;\n line-height: 1.4;\n width: 100%;\n }\n\n .citizenship-option:hover {\n border-color: var(--medium-blue);\n background-color: var(--light-blue-bg);\n }\n \n .citizenship-option.selected {\n border-color: var(--medium-blue);\n background: var(--light-blue-bg);\n font-weight: 600;\n }\n\n .citizenship-option.correct {\n background: #e9f7ec;\n border-color: var(--success-green);\n color: #155724;\n font-weight: 600;\n }\n\n .citizenship-option.incorrect {\n background: #f8d7da;\n border-color: var(--error-red);\n color: #721c24;\n font-weight: 600;\n }\n \n .citizenship-option:disabled {\n cursor: default;\n opacity: 0.9;\n }\n \n .citizenship-option.correct:disabled, .citizenship-option.incorrect:disabled {\n opacity: 1;\n }\n\n .test-button {\n border: none;\n border-radius: 12px;\n padding: 14px 25px;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 600;\n transition: all 0.2s ease;\n display: block;\n margin: 20px auto 0 auto;\n width: 60%;\n max-width: 300px;\n }\n\n .test-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(13, 44, 84, 0.15);\n }\n\n #check-answer-btn {\n background: var(--medium-blue);\n color: var(--white);\n }\n\n #next-question-btn {\n background: var(--dark-blue);\n color: var(--white);\n }\n\n #restart-from-summary-btn {\n background: var(--success-green);\n color: var(--white);\n }\n\n .variable-answer-note, #correct-answer-info {\n font-size: 0.95rem;\n margin-top: 20px;\n color: var(--medium-blue);\n background-color: var(--light-blue-bg);\n padding: 15px;\n border-radius: 10px;\n text-align: left;\n line-height: 1.6;\n }\n \n #correct-answer-info ul {\n padding-left: 20px;\n margin: 10px 0 0 0;\n }\n\n #citizenship-test-summary {\n text-align: center;\n }\n\n #citizenship-test-summary h2 {\n font-size: 1.8rem;\n margin-bottom: 15px;\n }\n\n #final-score {\n font-size: 1.2rem;\n font-weight: 700;\n margin-bottom: 30px;\n padding: 20px;\n border-radius: 12px;\n background-color: var(--light-blue-bg);\n line-height: 1.8;\n }\n \n #final-score .correct { color: var(--success-green); }\n #final-score .incorrect { color: var(--error-red); }\n\n #test-footer-actions {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n margin-top: 30px;\n padding-top: 20px;\n border-top: 2px solid var(--border-gray);\n }\n\n .footer-btn {\n background: var(--white);\n color: var(--medium-blue);\n border: 2px solid var(--medium-blue);\n width: 48%;\n max-width: none;\n margin: 0;\n }\n\n .footer-btn:hover {\n background: var(--light-blue-bg);\n color: var(--dark-blue);\n border-color: var(--dark-blue);\n transform: translateY(0);\n box-shadow: none;\n }\n\n @media (max-width: 700px) {\n #citizenship-test-wrapper {\n padding: 20px;\n }\n #citizenship-test-question {\n font-size: 1.1rem;\n }\n .test-button {\n width: 100%;\n }\n #test-footer-actions {\n flex-direction: column;\n gap: 10px;\n }\n .footer-btn {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"citizenship-test-wrapper\">\n \n <div id=\"test-intro\">\n <h1>U.S. Citizenship Practice Test<\/h1>\n <p>This test contains the 100 official civics (history and government) questions. Questions will be presented in random order. Good luck!<\/p>\n <button id=\"start-test-btn\" class=\"test-button\">Start Test<\/button>\n <\/div>\n\n \n <div id=\"test-container\" style=\"display:none;\">\n <div id=\"citizenship-test-progress\"><\/div>\n <div id=\"citizenship-test-question\"><\/div>\n <div id=\"citizenship-test-options\"><\/div>\n <div id=\"correct-answer-info\" style=\"display:none;\"><\/div>\n <button id=\"check-answer-btn\" class=\"test-button\" style=\"display:none;\">Check Answer<\/button>\n <button id=\"next-question-btn\" class=\"test-button\" style=\"display:none;\">Next Question<\/button>\n <\/div>\n\n \n <div id=\"citizenship-test-summary\" style=\"display:none;\">\n <h2 id=\"summary-title\"><\/h2>\n <div id=\"final-score\"><\/div>\n <p>Good job! You can restart the test to practice again.<\/p>\n <button id=\"restart-from-summary-btn\" class=\"test-button\">Restart Test<\/button>\n <\/div>\n\n \n <div id=\"test-footer-actions\" style=\"display:none;\">\n <button id=\"view-results-btn\" class=\"test-button footer-btn\">View Results<\/button>\n <button id=\"restart-during-test-btn\" class=\"test-button footer-btn\">Restart Test<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/\/ Array with the 100 official citizenship questions, updated as of August 2025.\nconst allCitizenshipQuestions = [\n \/\/ A: Principles of American Democracy\n {\n id: 1,\n question: \"What is the supreme law of the land?\",\n answers: [\"the Constitution\"],\n options: [\"The Constitution\", \"The Declaration of Independence\", \"The President\"],\n correctOption: 0\n },\n {\n id: 2,\n question: \"What does the Constitution do?\",\n answers: [\"sets up the government\", \"defines the government\", \"protects basic rights of Americans\"],\n options: [\"Sets up the government\", \"Declares independence from Great Britain\", \"Sets the national budget\"],\n correctOption: 0\n },\n {\n id: 3,\n question: \"The idea of self-government is in the first three words of the Constitution. What are these words?\",\n answers: [\"We the People\"],\n options: [\"We the People\", \"I pledge allegiance\", \"Four score and seven\"],\n correctOption: 0\n },\n {\n id: 4,\n question: \"What is an amendment?\",\n answers: [\"a change (to the Constitution)\", \"an addition (to the Constitution)\"],\n options: [\"A change to the Constitution\", \"A law passed by the President\", \"A Supreme Court decision\"],\n correctOption: 0\n },\n {\n id: 5,\n question: \"What do we call the first ten amendments to the Constitution?\",\n answers: [\"the Bill of Rights\"],\n options: [\"The Bill of Rights\", \"The Declaration of Independence\", \"The Articles of Confederation\"],\n correctOption: 0\n },\n {\n id: 6,\n question: \"What is one right or freedom from the First Amendment?\",\n answers: [\"speech\", \"religion\", \"assembly\", \"press\", \"petition the government\"],\n options: [\"Speech\", \"To bear arms\", \"To vote\"],\n correctOption: 0\n },\n {\n id: 7,\n question: \"How many amendments does the Constitution have?\",\n answers: [\"twenty-seven (27)\"],\n options: [\"Twenty-seven (27)\", \"Ten (10)\", \"Fifty (50)\"],\n correctOption: 0\n },\n {\n id: 8,\n question: \"What did the Declaration of Independence do?\",\n answers: [\"announced our independence (from Great Britain)\", \"declared our independence (from Great Britain)\", \"said that the United States is free (from Great Britain)\"],\n options: [\"Announced our independence (from Great Britain)\", \"Freed the slaves\", \"Created the U.S. Constitution\"],\n correctOption: 0\n },\n {\n id: 9,\n question: \"What are two rights in the Declaration of Independence?\",\n answers: [\"life\", \"liberty\", \"pursuit of happiness\"],\n options: [\"Life and liberty\", \"Freedom of speech and religion\", \"The right to vote and run for office\"],\n correctOption: 0\n },\n {\n id: 10,\n question: \"What is freedom of religion?\",\n answers: [\"You can practice any religion, or not practice a religion.\"],\n options: [\"You can practice any religion, or not practice a religion\", \"The government can't establish a national church\", \"You must choose a religion\"],\n correctOption: 0\n },\n {\n id: 11,\n question: \"What is the economic system in the United States?\",\n answers: [\"capitalist economy\", \"market economy\"],\n options: [\"Capitalist economy\", \"Socialist economy\", \"Communist economy\"],\n correctOption: 0\n },\n {\n id: 12,\n question: \"What is the 'rule of law'?\",\n answers: [\"Everyone must follow the law\", \"Leaders must obey the law\", \"Government must obey the law\", \"No one is above the law\"],\n options: [\"Everyone must follow the law\", \"The law only applies to citizens\", \"The President is above the law\"],\n correctOption: 0\n },\n \/\/ B: System of Government\n {\n id: 13,\n question: \"Name one branch or part of the government.\",\n answers: [\"Congress\", \"legislative\", \"President\", \"executive\", \"the courts\", \"judicial\"],\n options: [\"Congress\", \"The military\", \"The states\"],\n correctOption: 0\n },\n {\n id: 14,\n question: \"What stops one branch of government from becoming too powerful?\",\n answers: [\"checks and balances\", \"separation of powers\"],\n options: [\"Checks and balances\", \"The President\", \"The will of the people\"],\n correctOption: 0\n },\n {\n id: 15,\n question: \"Who is in charge of the executive branch?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Speaker of the House\", \"The Chief Justice\"],\n correctOption: 0\n },\n {\n id: 16,\n question: \"Who makes federal laws?\",\n answers: [\"Congress\", \"Senate and House (of Representatives)\", \"(U.S. or national) legislature\"],\n options: [\"Congress\", \"The Supreme Court\", \"The President\"],\n correctOption: 0\n },\n {\n id: 17,\n question: \"What are the two parts of the U.S. Congress?\",\n answers: [\"the Senate and House (of Representatives)\"],\n options: [\"The Senate and House of Representatives\", \"The Supreme Court and the lower courts\", \"The President and the Cabinet\"],\n correctOption: 0\n },\n {\n id: 18,\n question: \"How many U.S. Senators are there?\",\n answers: [\"one hundred (100)\"],\n options: [\"One hundred (100)\", \"Fifty (50)\", \"Four hundred thirty-five (435)\"],\n correctOption: 0\n },\n {\n id: 19,\n question: \"We elect a U.S. Senator for how many years?\",\n answers: [\"six (6)\"],\n options: [\"Six (6)\", \"Two (2)\", \"Four (4)\"],\n correctOption: 0\n },\n {\n id: 20,\n question: \"Who is one of your state's U.S. Senators now?\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your state\"],\n correctOption: 0,\n note: \"Answers will vary. [District of Columbia residents and residents of U.S. territories should answer that D.C. (or the territory where the applicant lives) has no U.S. Senators.] Visit <a href='https:\/\/www.senate.gov' target='_blank'>senate.gov<\/a> to find your state\u2019s U.S. Senators.\"\n },\n {\n id: 21,\n question: \"The House of Representatives has how many voting members?\",\n answers: [\"four hundred thirty-five (435)\"],\n options: [\"Four hundred thirty-five (435)\", \"One hundred (100)\", \"Two hundred (200)\"],\n correctOption: 0\n },\n {\n id: 22,\n question: \"We elect a U.S. Representative for how many years?\",\n answers: [\"two (2)\"],\n options: [\"Two (2)\", \"Four (4)\", \"Six (6)\"],\n correctOption: 0\n },\n {\n id: 23,\n question: \"Name your U.S. Representative.\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your district\"],\n correctOption: 0,\n note: \"Answers will vary. [Residents of territories with nonvoting Delegates or Resident Commissioners may provide the name of that Delegate or Commissioner. Also acceptable is any statement that the territory has no (voting) Representatives in Congress.] Visit <a href='https:\/\/www.house.gov' target='_blank'>house.gov<\/a> to find your U.S. Representative.\"\n },\n {\n id: 24,\n question: \"Who does a U.S. Senator represent?\",\n answers: [\"all people of the state\"],\n options: [\"All people of the state\", \"Only the people in their district\", \"Only their political party\"],\n correctOption: 0\n },\n {\n id: 25,\n question: \"Why do some states have more Representatives than other states?\",\n answers: [\"(because of) the state's population\", \"(because) they have more people\", \"(because) some states have more people\"],\n options: [\"Because of the state's population\", \"Because of the state's size\", \"Because the state is older\"],\n correctOption: 0\n },\n {\n id: 26,\n question: \"We elect a President for how many years?\",\n answers: [\"four (4)\"],\n options: [\"Four (4)\", \"Two (2)\", \"Eight (8)\"],\n correctOption: 0\n },\n {\n id: 27,\n question: \"In what month do we vote for President?\",\n answers: [\"November\"],\n options: [\"November\", \"October\", \"January\"],\n correctOption: 0\n },\n {\n id: 28,\n question: \"What is the name of the President of the United States now?\",\n answers: [\"Donald J. Trump\", \"Donald Trump\", \"Trump\"],\n options: [\"Donald J. Trump\", \"Joe Biden\", \"JD Vance\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The President's name may change.\"\n },\n {\n id: 29,\n question: \"What is the name of the Vice President of the United States now?\",\n answers: [\"JD Vance\", \"Vance\"],\n options: [\"JD Vance\", \"Kamala Harris\", \"Mike Pence\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The Vice President's name may change.\"\n },\n {\n id: 30,\n question: \"If the President can no longer serve, who becomes President?\",\n answers: [\"the Vice President\"],\n options: [\"The Vice President\", \"The Speaker of the House\", \"The Secretary of State\"],\n correctOption: 0\n },\n {\n id: 31,\n question: \"If both the President and the Vice President can no longer serve, who becomes President?\",\n answers: [\"the Speaker of the House\"],\n options: [\"The Speaker of the House\", \"The Chief Justice\", \"The President Pro Tempore of the Senate\"],\n correctOption: 0\n },\n {\n id: 32,\n question: \"Who is the Commander in Chief of the military?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Secretary of Defense\", \"The Chairman of the Joint Chiefs of Staff\"],\n correctOption: 0\n },\n {\n id: 33,\n question: \"Who signs bills to become laws?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Vice President\", \"The Chief Justice\"],\n correctOption: 0\n },\n {\n id: 34,\n question: \"Who vetoes bills?\",\n answers: [\"the President\"],\n options: [\"The President\", \"The Senate\", \"The Supreme Court\"],\n correctOption: 0\n },\n {\n id: 35,\n question: \"What does the President\u2019s Cabinet do?\",\n answers: [\"advises the President\"],\n options: [\"Advises the President\", \"Makes laws\", \"Commands the military\"],\n correctOption: 0\n },\n {\n id: 36,\n question: \"What are two Cabinet-level positions?\",\n answers: [\"Secretary of State\", \"Secretary of Defense\", \"Attorney General\", \"Vice President\", \"Secretary of Education\", \"Secretary of Energy\"],\n options: [\"Secretary of State and Secretary of Defense\", \"Chief Justice and Speaker of the House\", \"Governor and Mayor\"],\n correctOption: 0\n },\n {\n id: 37,\n question: \"What does the judicial branch do?\",\n answers: [\"reviews laws\", \"explains laws\", \"resolves disputes (disagreements)\", \"decides if a law goes against the Constitution\"],\n options: [\"Reviews laws\", \"Makes laws\", \"Vetoes bills\"],\n correctOption: 0\n },\n {\n id: 38,\n question: \"What is the highest court in the United States?\",\n answers: [\"the Supreme Court\"],\n options: [\"The Supreme Court\", \"The Federal Court\", \"The Superior Court\"],\n correctOption: 0\n },\n {\n id: 39,\n question: \"How many justices are on the Supreme Court?\",\n answers: [\"nine (9)\"],\n options: [\"Nine (9)\", \"Seven (7)\", \"Twelve (12)\"],\n correctOption: 0,\n note: \"The number of justices is set by Congress and is currently nine.\"\n },\n {\n id: 40,\n question: \"Who is the Chief Justice of the United States now?\",\n answers: [\"John Roberts\", \"John G. Roberts, Jr.\"],\n options: [\"John Roberts\", \"Sonia Sotomayor\", \"Clarence Thomas\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The name may change.\"\n },\n {\n id: 41,\n question: \"Under our Constitution, some powers belong to the federal government. What is one power of the federal government?\",\n answers: [\"to print money\", \"to declare war\", \"to create an army\", \"to make treaties\"],\n options: [\"To print money\", \"To provide schooling and education\", \"To give a driver's license\"],\n correctOption: 0\n },\n {\n id: 42,\n question: \"Under our Constitution, some powers belong to the states. What is one power of the states?\",\n answers: [\"provide schooling and education\", \"provide protection (police)\", \"provide safety (fire departments)\", \"give a driver's license\", \"approve zoning and land use\"],\n options: [\"To provide schooling and education\", \"To declare war\", \"To make treaties\"],\n correctOption: 0\n },\n {\n id: 43,\n question: \"Who is the Governor of your state now?\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your state\"],\n correctOption: 0,\n note: \"Answers will vary. [District of Columbia residents should answer that D.C. does not have a Governor.] Visit <a href='https:\/\/www.usa.gov\/states-and-territories' target='_blank'>usa.gov\/states-and-territories<\/a> to find the Governor of your state.\"\n },\n {\n id: 44,\n question: \"What is the capital of your state?\",\n answers: [\"Answers will vary\"],\n options: [\"The answer depends on your state\"],\n correctOption: 0,\n note: \"The answer varies. Residents of the District of Columbia should answer that D.C. is not a state and does not have a capital. You can find your state's capital online.\"\n },\n {\n id: 45,\n question: \"What are the two major political parties in the United States?\",\n answers: [\"Democratic and Republican\"],\n options: [\"Democratic and Republican\", \"Libertarian and Green\", \"American and Independent\"],\n correctOption: 0\n },\n {\n id: 46,\n question: \"What is the political party of the President now?\",\n answers: [\"Republican (Party)\"],\n options: [\"Republican Party\", \"Democratic Party\", \"Independent\"],\n correctOption: 0,\n note: \"President Donald Trump is a member of the Republican Party (current as of August 2025).\"\n },\n {\n id: 47,\n question: \"What is the name of the Speaker of the House of Representatives now?\",\n answers: [\"Mike Johnson\", \"Johnson\", \"James Michael Johnson\"],\n options: [\"Mike Johnson\", \"Nancy Pelosi\", \"Kevin McCarthy\"],\n correctOption: 0,\n note: \"This information is current as of August 2025. The name may change.\"\n },\n \/\/ C: Rights and Responsibilities\n {\n id: 48,\n question: \"There are four amendments to the Constitution about who can vote. Describe one of them.\",\n answers: [\"Citizens eighteen (18) and older (can vote)\", \"You don't have to pay (a poll tax) to vote\", \"Any citizen can vote. (Women and men can vote.)\", \"A male citizen of any race (can vote)\"],\n options: [\"Citizens eighteen (18) and older can vote\", \"Only citizens with a job can vote\", \"Only people who own a house can vote\"],\n correctOption: 0\n },\n {\n id: 49,\n question: \"What is one responsibility that is only for United States citizens?\",\n answers: [\"serve on a jury\", \"vote in a federal election\"],\n options: [\"Serve on a jury\", \"Pay taxes\", \"Obey the law\"],\n correctOption: 0\n },\n {\n id: 50,\n question: \"Name one right only for United States citizens.\",\n answers: [\"vote in a federal election\", \"run for federal office\"],\n options: [\"Vote in a federal election\", \"Freedom of speech\", \"Attend public school\"],\n correctOption: 0\n },\n {\n id: 51,\n question: \"What are two rights of everyone living in the United States?\",\n answers: [\"freedom of expression\", \"freedom of speech\", \"freedom of assembly\", \"freedom to petition the government\", \"freedom of religion\", \"the right to bear arms\"],\n options: [\"Freedom of speech and freedom of religion\", \"Vote and run for federal office\", \"A U.S. passport and free college\"],\n correctOption: 0\n },\n {\n id: 52,\n question: \"What do we show loyalty to when we say the Pledge of Allegiance?\",\n answers: [\"the United States\", \"the flag\"],\n options: [\"The United States\", \"The President\", \"The state where you live\"],\n correctOption: 0\n },\n {\n id: 53,\n question: \"What is one promise you make when you become a United States citizen?\",\n answers: [\"give up loyalty to other countries\", \"defend the Constitution and laws of the United States\", \"obey the laws of the United States\", \"serve in the U.S. military (if needed)\", \"serve (do important work for) the nation (if needed)\", \"be loyal to the United States\"],\n options: [\"To be loyal to the United States\", \"To never travel outside the U.S.\", \"To only speak English\"],\n correctOption: 0\n },\n {\n id: 54,\n question: \"How old do citizens have to be to vote for President?\",\n answers: [\"eighteen (18) and older\"],\n options: [\"Eighteen (18) and older\", \"Sixteen (16) and older\", \"Twenty-one (21) and older\"],\n correctOption: 0\n },\n {\n id: 55,\n question: \"What are two ways that Americans can participate in their democracy?\",\n answers: [\"vote\", \"join a political party\", \"help with a campaign\", \"join a civic group\", \"join a community group\", \"give an elected official your opinion on an issue\", \"call Senators and Representatives\", \"publicly support or oppose an issue or policy\", \"run for office\", \"write to a newspaper\"],\n options: [\"Vote and join a political party\", \"Pay taxes and get a driver's license\", \"Fly a flag and celebrate the 4th of July\"],\n correctOption: 0\n },\n {\n id: 56,\n question: \"When is the last day you can send in federal income tax forms?\",\n answers: [\"April 15\"],\n options: [\"April 15\", \"December 31\", \"July 4\"],\n correctOption: 0\n },\n {\n id: 57,\n question: \"When must all men register for the Selective Service?\",\n answers: [\"at age eighteen (18)\", \"between eighteen (18) and twenty-six (26)\"],\n options: [\"At age eighteen (18)\", \"When they get their driver's license\", \"When they turn twenty-one (21)\"],\n correctOption: 0\n },\n \/\/ AMERICAN HISTORY\n \/\/ A: Colonial Period and Independence\n {\n id: 58,\n question: \"What is one reason colonists came to America?\",\n answers: [\"freedom\", \"political liberty\", \"religious freedom\", \"economic opportunity\", \"practice their religion\", \"escape persecution\"],\n options: [\"Religious freedom\", \"For vacation\", \"To conquer new lands for the king\"],\n correctOption: 0\n },\n {\n id: 59,\n question: \"Who lived in America before the Europeans arrived?\",\n answers: [\"American Indians\", \"Native Americans\"],\n options: [\"American Indians\", \"Canadians\", \"No one\"],\n correctOption: 0\n },\n {\n id: 60,\n question: \"What group of people was taken to America and sold as slaves?\",\n answers: [\"Africans\", \"people from Africa\"],\n options: [\"Africans\", \"Europeans\", \"Asians\"],\n correctOption: 0\n },\n {\n id: 61,\n question: \"Why did the colonists fight the British?\",\n answers: [\"because of high taxes (taxation without representation)\", \"because the British army stayed in their houses (boarding, quartering)\", \"because they didn't have self-government\"],\n options: [\"Because of high taxes\", \"Because they wanted a new king\", \"Because the British food was bad\"],\n correctOption: 0\n },\n {\n id: 62,\n question: \"Who wrote the Declaration of Independence?\",\n answers: [\"(Thomas) Jefferson\"],\n options: [\"Thomas Jefferson\", \"George Washington\", \"Abraham Lincoln\"],\n correctOption: 0\n },\n {\n id: 63,\n question: \"When was the Declaration of Independence adopted?\",\n answers: [\"July 4, 1776\"],\n options: [\"July 4, 1776\", \"December 7, 1941\", \"September 11, 2001\"],\n correctOption: 0\n },\n {\n id: 64,\n question: \"There were 13 original states. Name three.\",\n answers: [\"New Hampshire\", \"Massachusetts\", \"Rhode Island\", \"Connecticut\", \"New York\", \"New Jersey\", \"Pennsylvania\", \"Delaware\", \"Maryland\", \"Virginia\", \"North Carolina\", \"South Carolina\", \"Georgia\"],\n options: [\"New York, New Jersey, and Virginia\", \"California, Texas, and Florida\", \"Washington, Oregon, and Nevada\"],\n correctOption: 0\n },\n {\n id: 65,\n question: \"What happened at the Constitutional Convention?\",\n answers: [\"The Constitution was written\", \"The Founding Fathers wrote the Constitution\"],\n options: [\"The Constitution was written\", \"The Declaration of Independence was written\", \"The Emancipation Proclamation was signed\"],\n correctOption: 0\n },\n {\n id: 66,\n question: \"When was the Constitution written?\",\n answers: [\"1787\"],\n options: [\"1787\", \"1776\", \"1865\"],\n correctOption: 0\n },\n {\n id: 67,\n question: \"The Federalist Papers supported the passage of the U.S. Constitution. Name one of the writers.\",\n answers: [\"(James) Madison\", \"(Alexander) Hamilton\", \"(John) Jay\", \"Publius\"],\n options: [\"James Madison\", \"Thomas Jefferson\", \"George Washington\"],\n correctOption: 0\n },\n {\n id: 68,\n question: \"What is one thing Benjamin Franklin is famous for?\",\n answers: [\"U.S. diplomat\", \"oldest member of the Constitutional Convention\", \"first Postmaster General of the United States\", \"writer of 'Poor Richard's Almanac'\", \"started the first free libraries\"],\n options: [\"U.S. diplomat\", \"Third President of the United States\", \"Inventor of the light bulb\"],\n correctOption: 0\n },\n {\n id: 69,\n question: \"Who is the 'Father of Our Country'?\",\n answers: [\"(George) Washington\"],\n options: [\"George Washington\", \"Abraham Lincoln\", \"Thomas Jefferson\"],\n correctOption: 0\n },\n {\n id: 70,\n question: \"Who was the first President?\",\n answers: [\"(George) Washington\"],\n options: [\"George Washington\", \"John Adams\", \"Benjamin Franklin\"],\n correctOption: 0\n },\n \/\/ B: 1800s\n {\n id: 71,\n question: \"What territory did the United States buy from France in 1803?\",\n answers: [\"the Louisiana Territory\", \"Louisiana\"],\n options: [\"The Louisiana Territory\", \"Alaska\", \"Florida\"],\n correctOption: 0\n },\n {\n id: 72,\n question: \"Name one war fought by the United States in the 1800s.\",\n answers: [\"War of 1812\", \"Mexican-American War\", \"Civil War\", \"Spanish-American War\"],\n options: [\"Civil War\", \"Revolutionary War\", \"World War I\"],\n correctOption: 0\n },\n {\n id: 73,\n question: \"Name the U.S. war between the North and the South.\",\n answers: [\"the Civil War\", \"the War between the States\"],\n options: [\"The Civil War\", \"The War of 1812\", \"The Revolutionary War\"],\n correctOption: 0\n },\n {\n id: 74,\n question: \"Name one problem that led to the Civil War.\",\n answers: [\"slavery\", \"economic reasons\", \"states' rights\"],\n options: [\"Slavery\", \"Taxes on tea\", \"The purchase of Alaska\"],\n correctOption: 0\n },\n {\n id: 75,\n question: \"What was one important thing that Abraham Lincoln did?\",\n answers: [\"freed the slaves (Emancipation Proclamation)\", \"saved (or preserved) the Union\", \"led the United States during the Civil War\"],\n options: [\"Freed the slaves (Emancipation Proclamation)\", \"Wrote the Declaration of Independence\", \"Was the first President\"],\n correctOption: 0\n },\n {\n id: 76,\n question: \"What did the Emancipation Proclamation do?\",\n answers: [\"freed the slaves\", \"freed slaves in the Confederacy\", \"freed slaves in the Confederate states\", \"freed slaves in most Southern states\"],\n options: [\"Freed the slaves\", \"Gave women the right to vote\", \"Ended the Revolutionary War\"],\n correctOption: 0\n },\n {\n id: 77,\n question: \"What did Susan B. Anthony do?\",\n answers: [\"fought for women's rights\", \"fought for civil rights\"],\n options: [\"Fought for women's rights\", \"Was the first woman elected to Congress\", \"Was a famous Civil War general\"],\n correctOption: 0\n },\n \/\/ C: Recent American History and Other Important Historical Information\n {\n id: 78,\n question: \"Name one war fought by the United States in the 1900s.\",\n answers: [\"World War I\", \"World War II\", \"Korean War\", \"Vietnam War\", \"(Persian) Gulf War\"],\n options: [\"World War I\", \"The Civil War\", \"The Revolutionary War\"],\n correctOption: 0\n },\n {\n id: 79,\n question: \"Who was President during World War I?\",\n answers: [\"(Woodrow) Wilson\"],\n options: [\"Woodrow Wilson\", \"Franklin Roosevelt\", \"Abraham Lincoln\"],\n correctOption: 0\n },\n {\n id: 80,\n question: \"Who was President during the Great Depression and World War II?\",\n answers: [\"(Franklin) Roosevelt\"],\n options: [\"Franklin Roosevelt\", \"Harry Truman\", \"Dwight Eisenhower\"],\n correctOption: 0\n },\n {\n id: 81,\n question: \"Who did the United States fight in World War II?\",\n answers: [\"Japan, Germany, and Italy\"],\n options: [\"Japan, Germany, and Italy\", \"The Soviet Union, Great Britain, and France\", \"China, Vietnam, and Korea\"],\n correctOption: 0\n },\n {\n id: 82,\n question: \"Before he was President, Eisenhower was a general. What war was he in?\",\n answers: [\"World War II\"],\n options: [\"World War II\", \"The Civil War\", \"The Vietnam War\"],\n correctOption: 0\n },\n {\n id: 83,\n question: \"During the Cold War, what was the main concern of the United States?\",\n answers: [\"Communism\"],\n options: [\"Communism\", \"Climate change\", \"The Great Depression\"],\n correctOption: 0\n },\n {\n id: 84,\n question: \"What movement tried to end racial discrimination?\",\n answers: [\"civil rights (movement)\"],\n options: [\"The civil rights movement\", \"The women's suffrage movement\", \"The prohibition movement\"],\n correctOption: 0\n },\n {\n id: 85,\n question: \"What did Martin Luther King, Jr. do?\",\n answers: [\"fought for civil rights\", \"worked for equality for all Americans\"],\n options: [\"Fought for civil rights\", \"Was a U.S. Senator\", \"Ran for President\"],\n correctOption: 0\n },\n {\n id: 86,\n question: \"What major event happened on September 11, 2001, in the United States?\",\n answers: [\"Terrorists attacked the United States\"],\n options: [\"Terrorists attacked the United States\", \"The stock market crashed\", \"Hurricane Andrew struck\"],\n correctOption: 0\n },\n {\n id: 87,\n question: \"Name one American Indian tribe in the United States.\",\n answers: [\"Cherokee\", \"Navajo\", \"Sioux\", \"Chippewa\", \"Choctaw\", \"Pueblo\", \"Apache\", \"Iroquois\", \"Creek\", \"Blackfeet\", \"Seminole\", \"Cheyenne\", \"Arawak\", \"Shawnee\", \"Mohegan\", \"Huron\", \"Oneida\", \"Lakota\", \"Crow\", \"Teton\", \"Hopi\", \"Inuit\"],\n options: [\"Cherokee\", \"Zulu\", \"Sami\"],\n correctOption: 0\n },\n \/\/ INTEGRATED CIVICS\n \/\/ A: Geography\n {\n id: 88,\n question: \"Name one of the two longest rivers in the United States.\",\n answers: [\"Missouri (River)\", \"Mississippi (River)\"],\n options: [\"Missouri River\", \"Colorado River\", \"Ohio River\"],\n correctOption: 0\n },\n {\n id: 89,\n question: \"What ocean is on the West Coast of the United States?\",\n answers: [\"Pacific (Ocean)\"],\n options: [\"Pacific Ocean\", \"Atlantic Ocean\", \"Arctic Ocean\"],\n correctOption: 0\n },\n {\n id: 90,\n question: \"What ocean is on the East Coast of the United States?\",\n answers: [\"Atlantic (Ocean)\"],\n options: [\"Atlantic Ocean\", \"Pacific Ocean\", \"Indian Ocean\"],\n correctOption: 0\n },\n {\n id: 91,\n question: \"Name one U.S. territory.\",\n answers: [\"Puerto Rico\", \"U.S. Virgin Islands\", \"American Samoa\", \"Northern Mariana Islands\", \"Guam\"],\n options: [\"Puerto Rico\", \"Havana\", \"Bermuda\"],\n correctOption: 0\n },\n {\n id: 92,\n question: \"Name one state that borders Canada.\",\n answers: [\"Maine\", \"New Hampshire\", \"Vermont\", \"New York\", \"Pennsylvania\", \"Ohio\", \"Michigan\", \"Minnesota\", \"North Dakota\", \"Montana\", \"Idaho\", \"Washington\", \"Alaska\"],\n options: [\"Maine\", \"California\", \"Florida\"],\n correctOption: 0\n },\n {\n id: 93,\n question: \"Name one state that borders Mexico.\",\n answers: [\"California\", \"Arizona\", \"New Mexico\", \"Texas\"],\n options: [\"California\", \"Nevada\", \"Louisiana\"],\n correctOption: 0\n },\n {\n id: 94,\n question: \"What is the capital of the United States?\",\n answers: [\"Washington, D.C.\"],\n options: [\"Washington, D.C.\", \"New York City\", \"Philadelphia\"],\n correctOption: 0\n },\n {\n id: 95,\n question: \"Where is the Statue of Liberty?\",\n answers: [\"New York (Harbor)\", \"Liberty Island\"],\n options: [\"New York (Harbor)\", \"Washington, D.C.\", \"San Francisco, CA\"],\n correctOption: 0\n },\n \/\/ B: Symbols\n {\n id: 96,\n question: \"Why does the flag have 13 stripes?\",\n answers: [\"because there were 13 original colonies\", \"because the stripes represent the original colonies\"],\n options: [\"Because there were 13 original colonies\", \"Because there are 13 amendments\", \"Because it was designed by 13 people\"],\n correctOption: 0\n },\n {\n id: 97,\n question: \"Why does the flag have 50 stars?\",\n answers: [\"because there is one star for each state\", \"because each star represents a state\", \"because there are 50 states\"],\n options: [\"Because there is one star for each state\", \"Because there are 50 original colonies\", \"Because there are 50 amendments to the Constitution\"],\n correctOption: 0\n },\n {\n id: 98,\n question: \"What is the name of the national anthem?\",\n answers: [\"The Star-Spangled Banner\"],\n options: [\"The Star-Spangled Banner\", \"America the Beautiful\", \"God Bless America\"],\n correctOption: 0\n },\n \/\/ C: Holidays\n {\n id: 99,\n question: \"When do we celebrate Independence Day?\",\n answers: [\"July 4\"],\n options: [\"July 4\", \"December 25\", \"January 1\"],\n correctOption: 0\n },\n {\n id: 100,\n question: \"Name two national U.S. holidays.\",\n answers: [\"New Year\u2019s Day\", \"Martin Luther King, Jr. Day\", \"Presidents\u2019 Day\", \"Memorial Day\", \"Juneteenth\", \"Independence Day\", \"Labor Day\", \"Columbus Day\", \"Veterans Day\", \"Thanksgiving\", \"Christmas\"],\n options: [\"Memorial Day and Juneteenth\", \"April Fool's Day and Halloween\", \"Valentine's Day and St. Patrick's Day\"],\n correctOption: 0\n }\n];\n\n\n\/\/ --- TEST LOGIC ---\n\n\/\/ DOM Elements\nconst introDiv = document.getElementById('test-intro');\nconst testContainerDiv = document.getElementById('test-container');\nconst summaryDiv = document.getElementById('citizenship-test-summary');\nconst footerActionsDiv = document.getElementById('test-footer-actions');\n\nconst startBtn = document.getElementById('start-test-btn');\nconst restartFromSummaryBtn = document.getElementById('restart-from-summary-btn');\nconst viewResultsBtn = document.getElementById('view-results-btn');\nconst restartDuringTestBtn = document.getElementById('restart-during-test-btn');\n\nconst progressDiv = document.getElementById('citizenship-test-progress');\nconst questionDiv = document.getElementById('citizenship-test-question');\nconst optionsDiv = document.getElementById('citizenship-test-options');\nconst checkAnswerBtn = document.getElementById('check-answer-btn');\nconst nextQuestionBtn = document.getElementById('next-question-btn');\nconst correctAnswerInfoDiv = document.getElementById('correct-answer-info');\nconst finalScoreDiv = document.getElementById('final-score');\nconst summaryTitle = document.getElementById('summary-title');\n\n\n\/\/ Test State\nlet questions = [];\nlet userAnswers = [];\nlet currentQuestionIndex = 0;\nlet selectedOptionIndex = null;\nlet score = 0;\n\n\/\/ Function to shuffle an array (Fisher-Yates algorithm)\nfunction shuffleArray(array) {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n}\n\n\/\/ Start the Test\nfunction startTest() {\n introDiv.style.display = 'none';\n summaryDiv.style.display = 'none';\n testContainerDiv.style.display = 'block';\n footerActionsDiv.style.display = 'flex';\n\n questions = [...allCitizenshipQuestions];\n shuffleArray(questions);\n \n currentQuestionIndex = 0;\n score = 0;\n userAnswers = [];\n \n renderQuestion();\n}\n\n\/\/ Render the current question\nfunction renderQuestion() {\n selectedOptionIndex = null;\n optionsDiv.innerHTML = '';\n correctAnswerInfoDiv.style.display = 'none';\n checkAnswerBtn.style.display = 'block';\n nextQuestionBtn.style.display = 'none';\n\n const q = questions[currentQuestionIndex];\n\n progressDiv.textContent = `Question ${currentQuestionIndex + 1} of ${questions.length}`;\n questionDiv.innerHTML = `<span>${q.question}<\/span>`;\n\n q.options.forEach((opt, index) => {\n const optionBtn = document.createElement('button');\n optionBtn.className = 'citizenship-option';\n optionBtn.innerHTML = `<span>${opt}<\/span>`;\n optionBtn.onclick = () => selectOption(index, optionBtn);\n optionsDiv.appendChild(optionBtn);\n });\n\n if (q.note) {\n const noteDiv = document.createElement('div');\n noteDiv.className = 'variable-answer-note';\n noteDiv.innerHTML = `<b>Note:<\/b> ${q.note}`;\n optionsDiv.appendChild(noteDiv);\n }\n}\n\n\/\/ Handle option selection\nfunction selectOption(index, button) {\n Array.from(optionsDiv.children).forEach(btn => {\n if (btn.tagName === 'BUTTON') {\n btn.classList.remove('selected');\n }\n });\n\n button.classList.add('selected');\n selectedOptionIndex = index;\n}\n\n\/\/ Check the selected answer\nfunction checkAnswer() {\n if (selectedOptionIndex === null) {\n alert(\"Please select an answer.\");\n return;\n }\n\n checkAnswerBtn.style.display = 'none';\n nextQuestionBtn.style.display = 'block';\n\n const q = questions[currentQuestionIndex];\n const isCorrect = (selectedOptionIndex === q.correctOption);\n\n userAnswers[currentQuestionIndex] = {\n question: q.question,\n selected: q.options[selectedOptionIndex],\n correct: q.options[q.correctOption],\n isCorrect: isCorrect\n };\n\n if (isCorrect) {\n score++;\n }\n\n Array.from(optionsDiv.children).forEach((btn, index) => {\n if (btn.tagName === 'BUTTON') {\n btn.disabled = true;\n if (index === q.correctOption) {\n btn.classList.add('correct');\n } else if (index === selectedOptionIndex) {\n btn.classList.add('incorrect');\n }\n }\n });\n \n let answersHtml = '<b>Official Correct Answer(s):<\/b><ul>';\n q.answers.forEach(answer => {\n answersHtml += `<li>${answer}<\/li>`;\n });\n answersHtml += '<\/ul>';\n correctAnswerInfoDiv.innerHTML = answersHtml;\n correctAnswerInfoDiv.style.display = 'block';\n}\n\n\/\/ Move to the next question\nfunction nextQuestion() {\n currentQuestionIndex++;\n if (currentQuestionIndex < questions.length) {\n renderQuestion();\n } else {\n showSummary(false); \/\/ Test completed\n }\n}\n\n\/\/ Show the final summary\nfunction showSummary(isPartial) {\n testContainerDiv.style.display = 'none';\n footerActionsDiv.style.display = 'none';\n summaryDiv.style.display = 'block';\n\n const questionsAnswered = userAnswers.length;\n const correctAnswers = score;\n const incorrectAnswers = questionsAnswered - correctAnswers;\n\n summaryTitle.textContent = isPartial ? 'Partial Results' : 'Test Finished!';\n\n finalScoreDiv.innerHTML = `\n Questions Answered: ${questionsAnswered} of ${questions.length}<br>\n <span class=\"correct\">Correct Answers: ${correctAnswers}<\/span><br> \n <span class=\"incorrect\">Incorrect Answers: ${incorrectAnswers}<\/span>\n `;\n}\n\n\/\/ Event Listeners\nstartBtn.addEventListener('click', startTest);\nrestartFromSummaryBtn.addEventListener('click', startTest);\nrestartDuringTestBtn.addEventListener('click', startTest);\nviewResultsBtn.addEventListener('click', () => showSummary(true));\ncheckAnswerBtn.addEventListener('click', checkAnswer);\nnextQuestionBtn.addEventListener('click', nextQuestion);\n\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p> U.S. Citizenship Practice Test This test contains the 100 official civics (history and government) questions. Questions will be presented in random order. Good luck! Start Test Check Answer Next Question Good job! You can restart the test to practice again. Restart Test View Results Restart Test<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3348","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/pages\/3348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/comments?post=3348"}],"version-history":[{"count":0,"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/pages\/3348\/revisions"}],"wp:attachment":[{"href":"https:\/\/cursos.jesusreyeslaw.com\/en\/wp-json\/wp\/v2\/media?parent=3348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}