Taller programación inicial

Ejercicio 38:      1.  Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  Un valor inicial en una variable numérica          c.  6 botones que realicen, cada uno de ellos, una de las operaciones aritméticas vistas index.html <!DOCTYPE html> <html>     <head>         <title>JS asignar operaciones aritméticas</title>     </head>     <body>         <p id="Cuenta"></p>         <button onclick="Sumar()">+100</button>         <button onclick="Restar()">-50</button>         <button onclick="Dividir()">/2</button>         <button onclick="Multiplicar()">*2</button>         ...

  Ejercicio 7b      1. Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  JS de forma interna, a través de dos botones. Los cuales cambien la imagen que quiera visualizar. A diferencia del ejercicio 6b, hacerlo a través de una variable ... index.html <!DOCTYPE html> <html>   <head>     <title>Cambiar imagen</title>     <script>         function clima(estado) {           var pic;           if (estado == 1) {             pic = "sol.jpg";           } else {             pic = "nube.jpg";           }           document.getElementById("Imagen").src = pic;         }       <...

 Ejercicio 38     1.  Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  JS de forma externa, a través de un botón. El cual haga desaparecer visualmente el párrafo ... index.html <!DOCTYPE html> <html>     <head>         <title>JS externo</title>         <script src="myScript.js"></script>     </head>     <body>         <p id="ocultarParrafo">Este párrafo es visible</p>         <button onclick="myFunction()">Ocultar párrafo</button>     </body> </html> ... myScript.js function myFunction(){     document.getElementById('ocultarParrafo').style.display='none'; } ...

Ejercicio 37     1.  Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  JS de forma interna, a través de un botón. El cual haga cambiar el párrafo ... <!DOCTYPE html> <html>     <head>         <title>JS interno</title>         <script>             function myFunction() {                 document.getElementById("parrafo").innerHTML = "Se cambió el párrafo";             }         </script>     </head>     <body>         <p id="parrafo">Este es el párrafo antes de ser cambiado</p>         <button type="button" onclick="myFunction()">Cambiar párrafo</button>    ...

 Ejercicio 6b      1. Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  JS de forma en línea, a través de dos botones. Los cuales cambien la imagen que quiera visualizar ... index.html <!DOCTYPE html> <html>     <head>         <title>JS en línea - cambio imagen</title>     </head>     <body>         <h1>Cambiar imagen con dos botones</h1>         <img id="clima" src="sol.jpg" style="width:500px">         <p>             <button onclick="document.getElementById('clima').src='sol.jpg'">Soleado</button>             <button onclick="document.getElementById('clima').src='nube.jpg'">Nubblado</button>     ...

 Ejercicio 36     1.  Crear una página en HTML, agregar mínimamente:          a.  Un nombre a la página          b.  JS de forma en línea, a través de un botón. El cual haga cambiar el estilo de un párrafo ... index.html <!DOCTYPE html> <html>   <head>     <title>JS en línea</title>   </head>   <body>     <h1>Cambiar el estilo del párrafo</h1>     <p id="estilo">       En este página podés cambiar el estil de este párrafo haciendo click en el       botón de abajo     </p>     <!-- <button onclick="document.getElementById('estilo').style.fontSize='250%'">         Cambiar estilo del párrafo     </button> -->     <button       onclick="document.getElementById('estilo').style.fon...

Ejercicio 35 Viendo las características de la siguiente página, resolverla de la misma manera index.html <!DOCTYPE html> <html>     <head>         <title>Pagina visual</title>         <style>             * {             box-sizing: border-box;             }             header{                 background-color: darkslategray;                 padding: 30px;                 text-align: center;                 font-size: 35px;                 color: white;             }             nav{             ...