{"id":1426,"date":"2026-08-28T07:44:14","date_gmt":"2026-08-28T10:44:14","guid":{"rendered":"https:\/\/professorpaulosouza.com.br\/?p=1426"},"modified":"2026-08-28T07:45:27","modified_gmt":"2026-08-28T10:45:27","slug":"1-unidades-de-medida","status":"publish","type":"post","link":"https:\/\/professorpaulosouza.com.br\/index.php\/2026\/08\/28\/1-unidades-de-medida\/","title":{"rendered":"1. Unidades de Medida"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n  * {\n    box-sizing: border-box;\n  }\n\n  body {\n    margin: 0;\n    font-family: Arial, sans-serif;\n    color: #222;\n    background: #fff;\n  }\n\n  .atividade {\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 12px;\n  }\n\n  .titulo {\n    text-align: center;\n    margin-bottom: 25px;\n  }\n\n  .titulo h2 {\n    margin: 0 0 8px;\n    font-size: 1.7rem;\n  }\n\n  .titulo p {\n    margin: 0;\n    color: #555;\n  }\n\n  .grupo {\n    margin-bottom: 22px;\n    padding: 20px;\n    border: 1px solid #ddd;\n    border-radius: 12px;\n    background: #fafafa;\n  }\n\n  .grupo h3 {\n    margin: 0 0 12px;\n    font-size: 1.2rem;\n  }\n\n  .linha {\n    padding: 12px 0;\n    font-size: 1.08rem;\n    line-height: 1.8;\n  }\n\n  .linha + .linha {\n    border-top: 1px solid #e8e8e8;\n  }\n\n  input {\n    width: 90px;\n    padding: 8px;\n    margin: 0 5px;\n    font-size: 1.05rem;\n    text-align: center;\n    border: 2px solid #aaa;\n    border-radius: 7px;\n    outline: none;\n  }\n\n  input:focus {\n    border-color: #555;\n  }\n\n  input.correto {\n    border-color: #2e7d32;\n    background: #eef8ef;\n  }\n\n  input.errado {\n    border-color: #c62828;\n    background: #fff0f0;\n  }\n\n  .feedback {\n    margin-left: 8px;\n    font-weight: bold;\n  }\n\n  .feedback.correto {\n    color: #2e7d32;\n  }\n\n  .feedback.errado {\n    color: #c62828;\n  }\n\n  .botoes {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 15px;\n  }\n\n  button {\n    border: none;\n    border-radius: 8px;\n    padding: 12px 20px;\n    font-size: 1rem;\n    cursor: pointer;\n  }\n\n  #verificar {\n    background: #2e7d32;\n    color: white;\n  }\n\n  #reiniciar {\n    background: #e5e5e5;\n    color: #222;\n  }\n\n  #resultadoFinal {\n    display: none;\n    margin-top: 22px;\n    padding: 18px;\n    text-align: center;\n    font-size: 1.2rem;\n    font-weight: bold;\n    border-radius: 10px;\n    background: #f2f5f8;\n  }\n\n  @media (max-width: 500px) {\n    .grupo {\n      padding: 15px;\n    }\n\n    .linha {\n      font-size: 1rem;\n    }\n\n    input {\n      width: 75px;\n    }\n\n    .feedback {\n      display: block;\n      margin: 5px 0 0;\n    }\n  }\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"atividade\">\n\n  <div class=\"titulo\">\n    <h2>Complete as equival\u00eancias<\/h2>\n    <p>Digite o n\u00famero que est\u00e1 faltando em cada frase.<\/p>\n  <\/div>\n\n  <!-- TEMPO -->\n  <div class=\"grupo\">\n    <h3>\u23f0 Unidades de tempo<\/h3>\n\n    <div class=\"linha\">\n      1 dia tem\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"24\">\n      horas.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n\n    <div class=\"linha\">\n      1 hora tem\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"60\">\n      minutos.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n\n    <div class=\"linha\">\n      1 minuto tem\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"60\">\n      segundos.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- COMPRIMENTO -->\n  <div class=\"grupo\">\n    <h3>\ud83d\udccf Unidades de comprimento<\/h3>\n\n    <div class=\"linha\">\n      1 metro tem\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"100\">\n      cent\u00edmetros.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n\n    <div class=\"linha\">\n      1 quil\u00f4metro (km) tem\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"1000\">\n      metros.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- MASSA -->\n  <div class=\"grupo\">\n    <h3>\u2696\ufe0f Unidades de massa<\/h3>\n\n    <div class=\"linha\">\n      1 quilograma (kg) tem\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"1000\">\n      gramas.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- DINHEIRO -->\n  <div class=\"grupo\">\n    <h3>\ud83d\udcb0 Unidade de dinheiro<\/h3>\n\n    <div class=\"linha\">\n      1 real \u00e9 o mesmo que\n      <input type=\"text\" inputmode=\"numeric\" data-resposta=\"100\">\n      centavos.\n      <span class=\"feedback\"><\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"botoes\">\n    <button id=\"verificar\" type=\"button\">Verificar respostas<\/button>\n    <button id=\"reiniciar\" type=\"button\">Reiniciar<\/button>\n  <\/div>\n\n  <div id=\"resultadoFinal\"><\/div>\n\n<\/div>\n\n<script>\n  const campos = document.querySelectorAll('input[data-resposta]');\n  const verificar = document.getElementById('verificar');\n  const reiniciar = document.getElementById('reiniciar');\n  const resultadoFinal = document.getElementById('resultadoFinal');\n\n  function limparNumero(valor) {\n    return valor\n      .trim()\n      .replace(\/\\.\/g, '')\n      .replace(\/\\s\/g, '');\n  }\n\n  verificar.addEventListener('click', function () {\n\n    let acertos = 0;\n\n    campos.forEach(function(campo) {\n\n      const respostaAluno = limparNumero(campo.value);\n      const respostaCorreta = campo.dataset.resposta;\n      const feedback = campo.parentElement.querySelector('.feedback');\n\n      campo.classList.remove('correto', 'errado');\n      feedback.classList.remove('correto', 'errado');\n\n      if (respostaAluno === respostaCorreta) {\n\n        acertos++;\n\n        campo.classList.add('correto');\n        feedback.textContent = '\u2713 Correto!';\n        feedback.classList.add('correto');\n\n      } else {\n\n        campo.classList.add('errado');\n\n        if (respostaAluno === '') {\n          feedback.textContent = '\u2717 Preencha este espa\u00e7o.';\n        } else {\n          feedback.textContent = '\u2717 Tente novamente.';\n        }\n\n        feedback.classList.add('errado');\n      }\n\n    });\n\n    resultadoFinal.style.display = 'block';\n\n    if (acertos === campos.length) {\n      resultadoFinal.innerHTML =\n        '\ud83c\udf89 Parab\u00e9ns! Voc\u00ea acertou <strong>' +\n        acertos + ' de ' + campos.length +\n        '<\/strong> quest\u00f5es!';\n    } else {\n      resultadoFinal.innerHTML =\n        'Voc\u00ea acertou <strong>' +\n        acertos + ' de ' + campos.length +\n        '<\/strong> quest\u00f5es.';\n    }\n\n  });\n\n\n  reiniciar.addEventListener('click', function () {\n\n    campos.forEach(function(campo) {\n\n      campo.value = '';\n      campo.classList.remove('correto', 'errado');\n\n      const feedback = campo.parentElement.querySelector('.feedback');\n      feedback.textContent = '';\n      feedback.classList.remove('correto', 'errado');\n\n    });\n\n    resultadoFinal.style.display = 'none';\n    resultadoFinal.innerHTML = '';\n\n    campos[0].focus();\n  });\n\n\n  campos.forEach(function(campo) {\n\n    campo.addEventListener('input', function() {\n\n      campo.classList.remove('correto', 'errado');\n\n      const feedback = campo.parentElement.querySelector('.feedback');\n      feedback.textContent = '';\n      feedback.classList.remove('correto', 'errado');\n\n    });\n\n  });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p>Jogue o jogo abaixo:<\/p>\n\n\n\n<div style=\"text-align: center;\">\n  <iframe loading=\"lazy\"\n    style=\"max-width:100%;\"\n    src=\"https:\/\/wordwall.net\/pt\/embed\/316f8e49779b42e9b649869bf6617b7e?themeId=21&#038;templateId=69&#038;fontStackId=0\"\n    width=\"500\"\n    height=\"380\"\n    frameborder=\"0\"\n    allowfullscreen>\n  <\/iframe>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Complete as equival\u00eancias Digite o n\u00famero que est\u00e1 faltando em cada frase. \u23f0 Unidades de tempo 1 dia tem horas. 1 hora tem minutos. 1 minuto tem segundos. \ud83d\udccf Unidades de comprimento 1 metro tem cent\u00edmetros. 1 quil\u00f4metro (km) tem metros. \u2696\ufe0f Unidades de massa 1 quilograma (kg) tem gramas. \ud83d\udcb0 Unidade de dinheiro 1&hellip; <a class=\"more-link\" href=\"https:\/\/professorpaulosouza.com.br\/index.php\/2026\/08\/28\/1-unidades-de-medida\/\">Continue reading <span class=\"screen-reader-text\">1. Unidades de Medida<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46],"tags":[],"class_list":["post-1426","post","type-post","status-publish","format-standard","hentry","category-4o-ano","entry"],"_links":{"self":[{"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/posts\/1426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=1426"}],"version-history":[{"count":2,"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/posts\/1426\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/posts\/1426\/revisions\/1428"}],"wp:attachment":[{"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=1426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/categories?post=1426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/professorpaulosouza.com.br\/index.php\/wp-json\/wp\/v2\/tags?post=1426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}