Modifie title and description text

Depending on the type of calculator chosen, it changes the title and description of the chosen calculator.

index.html

@@ -18,9 +18,9 @@
         <header>
             <div class="headerContainer">
 
-                <h1 id="title">Calculadora padrão</h1>
+                <h1 id="typeCalcTitle">Calculadora padrão</h1>
 
-                <h2 id="description">é uma calculadora com as funçoes padrões</h2>
+                <h2 id="typeCalcDescription">É uma calculadora com as funções padrões</h2>
 
             </div>
         </header>

src/changeCalculator.js

@@ -7,6 +7,8 @@ function changeCalculator() {
     const container = document.getElementById('calcContainer')
     const menuButton = document.getElementById('menuButton')
     const menu = document.getElementById('menu')
+    const title = document.getElementById('typeCalcTitle')
+    const description = document.getElementById('typeCalcDescription')
 
 
     const inputs = document.getElementById('inputs')
@@ -30,6 +32,10 @@ function changeCalculator() {
         //mudando o titulo da pagina
         document.title = 'Calculadora | data'
 
+        //mudando titulo e descrição da Calculadora
+        title.innerText = 'Calculadora de datas'
+        description.innerText = 'É uma calculadora com a função de mostrar os dias, meses e anos de diferença'
+
     } else {
         //sumindo com a interface padrão
         calcElement.style.visibility = 'visible'
@@ -47,6 +53,10 @@ function changeCalculator() {
         //mudando o titulo da pagina
         document.title = 'Calculadora | padrão'
 
+        //mudando titulo e descrição da calculadora
+        title.innerText = 'Calculadora padrão'
+        description.innerText = 'É uma calculadora com as funções padrões'
+
     }
 
 }