Prueba de presentacion

ab5f9944 · Cesar Giulano Gonzalez Maqueda · ab5f9944 · ab5f9944
Commit ab5f9944 authored Oct 22, 2021 by Cesar Giulano Gonzalez Maqueda
Hide whitespace changes
Inline Side-by-side

Showing with 122 additions and 0 deletions

.gitignore
+76 -0

src/prueba.html
+46 -0

No files found.
--- a/.gitignore
+++ b/.gitignore
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# AWS User-specific
+.idea/**/aws.xml
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+*.iml
\ No newline at end of file
--- a/src/prueba.html
+++ b/src/prueba.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>JavaScript InnerHtml</title>
+</head>
+<body>
+    <ul id="menu">
+        <li>Home</li>
+        <li>Services</li>
+        <input type="button" id="btn">Button</input>
+        <div id="message"></div>
+    </ul>
+
+    <script>
+        let menu = document.getElementById('menu');
+
+        //Create new element id
+        let li = document.createElement('li');
+        li.textContent = 'About Us';
+        //Add it to the ul element
+        menu.appendChild(li);
+
+        console.log(menu.innerHTML);
+
+        const btn = document.querySelector("#btn");
+        btn.addEventListener('mouseup', (e)=>{
+            let msg = document.querySelector('#message');
+            switch (e.button){
+                case 0:
+                    msg.textContent = 'Left mouse button clicked';
+                    break;
+                case 1:
+                    msg.textContent = 'Middle mouse button clicked';
+                    break;
+                case 2:
+                    msg.textContent = 'Right mouse button clicked';
+                    break;
+                default:
+                    msg.textContent = `Unknown mouse button code: ${event.button}`;
+            }
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file