From 072bac0933e4812cd6b5d6e4f9d70bb6df4883d5 Mon Sep 17 00:00:00 2001 From: filippo.bertilotti <filippobertilotti@gmail.com> Date: Wed, 17 Apr 2024 09:59:52 +0200 Subject: [PATCH] implementazione esercizio html, esterno a laravel, custom header e footer --- public/main.js | 25 +++++++++++++++++++++++++ resources/views/nonprotetta.blade.php | 0 resources/views/protetta.blade.php | 0 public/esercizio02.html | 14 ++++++++++++++ 4 files changed, 39 insertions(+), 0 deletions(-) diff --git a/public/esercizio02.html b/public/esercizio02.html new file mode 100644 index 0000000..d6dde6f --- /dev/null +++ b/public/esercizio02.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width, initial-scale=1"> + +<script type="module" src="main.js"></script> + +<title>Test title</title> +<h1>Test header</h1> + +<my-header></my-header> + +<h1>Home Page</h1> + +<my-footer></my-footer> \ No newline at end of file diff --git a/public/main.js b/public/main.js new file mode 100644 index 0000000..d502b0c --- /dev/null +++ b/public/main.js @@ -0,0 +1,25 @@ +class MyHeader extends HTMLElement { + connectedCallback() { + this.innerHTML ="<header>" + + "<nav>" + + "<ul>" + + "<li><a href=#>test1</a></li>" + + "<li><a href=#>test2</a></li>" + + "<li><a href=#>test3</a></li>" + + "</ul>" + + "</nav>" + + "</header>"; + } +} + + +class MyFooter extends HTMLElement { + connectedCallback() { + this.innerHTML ="<footer>" + + "@2024 mypage"+ + "</footer>"; + } +} + +customElements.define("my-header", MyHeader) +customElements.define("my-footer", MyFooter) \ No newline at end of file diff --git a/resources/views/nonprotetta.php b/resources/views/nonprotetta.blade.php similarity index 100% rename from resources/views/nonprotetta.php rename to resources/views/nonprotetta.blade.php diff --git a/resources/views/protetta.php b/resources/views/protetta.blade.php similarity index 100% rename from resources/views/protetta.php rename to resources/views/protetta.blade.php -- Gitblit v1.8.0