Whitney Stevenson WhitneySt

## script.js
import "./style.css";
import javascriptLogo from "./javascript.svg";
import viteLogo from "/vite.svg";
import { setupCounter } from "./counter.js";

const container = document.querySelector("#app")

container.innerHTML = `
  <div>
    <a href="https://vite.dev" target="_blank">

## script.js
import "./style.css";
import javascriptLogo from "./javascript.svg";
import viteLogo from "/vite.svg";
import { setupCounter } from "./counter.js";

const container = document.querySelector("#app");

container.innerHTML = `
  <div>
    <a href="https://vite.dev" target="_blank">

## Bash
# Para implementar vite como Bundler
$ npm create vite@latest my-module-app -- --template vanilla

# Si necesitan instalar una versión antigua de vite
$ npm install vite@2.9.10

## Bash
# Para implementar vite como Bundler
$ npm create vite@latest my-module-app -- --template vanilla

# Si necesitan instalar una versión antigua de vite
$ npm install vite@2.9.10

## bash
# Para implementar vite como Bundler
$ npm create vite@latest my-module-app -- --template vanilla

# Si necesitan instalar una versión antigua de vite
$ npm install vite@2.9.10

## dataImages.js
export const imagen1 =
  "https://www.tooltyp.com/wp-content/uploads/2014/10/1900x920-8-beneficios-de-usar-imagenes-en-nuestros-sitios-web.jpg";
export const imagen2 =
  "https://st.depositphotos.com/1016440/2534/i/450/depositphotos_25344733-stock-photo-sunrise-at-the-beach.jpg";
export const imagen3 =
  "https://ichef.bbci.co.uk/ace/ws/640/cpsprodpb/9db5/live/48fd9010-c1c1-11ee-9519-97453607d43e.jpg.webp";

## index.html
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sesión 3</title>
</head>
<body>
    <h1>Sesión 3: Tagged template</h1>
    <article id="ejemplo1"></article>

## index.html
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Sesión 3</title>
  </head>
  <body>
    <h1>Sesión 3: Tagged Templates</h1>
    <article id="ejemploTagged"></article>

## script.js
//Ámbito lexico

let a = "global";

function externa() {
  let b = "externa";
  function interna() {
    let c = "interna";
    //a = "Cambio de a en interna";
    console.log(c, b, a);

## script.js
//SCOPE LEXICOS vs ENTORNO LEXICO

let a = "global";

function externa() {
  let b = "local";
  function interna() {
    let c = "interna";
    //a = "Se cambió en el scope interno"
    console.log(a, b, c);
	import "./style.css";
	import javascriptLogo from "./javascript.svg";
	import viteLogo from "/vite.svg";
	import { setupCounter } from "./counter.js";

	const container = document.querySelector("#app")

	container.innerHTML = `
	<div>
	<a href="https://vite.dev" target="_blank">
	# Para implementar vite como Bundler
	$ npm create vite@latest my-module-app -- --template vanilla

	# Si necesitan instalar una versión antigua de vite
	$ npm install vite@2.9.10
	export const imagen1 =
	"https://www.tooltyp.com/wp-content/uploads/2014/10/1900x920-8-beneficios-de-usar-imagenes-en-nuestros-sitios-web.jpg";
	export const imagen2 =
	"https://st.depositphotos.com/1016440/2534/i/450/depositphotos_25344733-stock-photo-sunrise-at-the-beach.jpg";
	export const imagen3 =
	"https://ichef.bbci.co.uk/ace/ws/640/cpsprodpb/9db5/live/48fd9010-c1c1-11ee-9519-97453607d43e.jpg.webp";
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sesión 3</title>
	</head>
	<body>
	<h1>Sesión 3: Tagged template</h1>
	<article id="ejemplo1"></article>
	//Ámbito lexico

	let a = "global";

	function externa() {
	let b = "externa";
	function interna() {
	let c = "interna";
	//a = "Cambio de a en interna";
	console.log(c, b, a);
	//SCOPE LEXICOS vs ENTORNO LEXICO

	let a = "global";

	function externa() {
	let b = "local";
	function interna() {
	let c = "interna";
	//a = "Se cambió en el scope interno"
	console.log(a, b, c);