implementazione esercizio html, esterno a laravel, custom header e footer
correzione errore pagina php---> blade.php
2 files added
2 files renamed
New file |
| | |
| | | <!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> |
New file |
| | |
| | | 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) |