Apuntes de html5
Jeancarlo AliendresEnsayo2 de Noviembre de 2020
1.427 Palabras (6 Páginas)98 Visitas
/*p {
color: blueviolet;
font-size: 19px;
}
#prueba-boton {
background-image: url("images/imagen1.jpg");
}
TODO estilos dependientes a decisión sucursal
#bogota {
border-width: 3px;
border-style: outset;
border-color: crimson;
border: 1px dotted rgb(255, 136, 156);
}
@font-face
.capital {
background-color: darkgrey;*/
}
/* clase 5
css z index
fortar o floar a la izquierda
floaut: left wigt 100px heght 100px
dsplay como se muestra
clear: bot borrar reglas a la derecha izquierda
contro D para tener mult cursor
secion y div son contenedores tene que fotar para que su
contendo flote
clase jueves 10
.contenedor {
display: grid;
grid-template-columns: auto auto auto auto;
grid-gap: 10px;
.container {
width: 90%;
display: block;
margin: auto;
}
div {
border: 1px solid gray;
padding: 10px;
}
.space {
height: 300px;
position: relative;
}
#proof {
width: 100px;
height: 100px;
position: absolute; */
/*
}
#help {
padding: 2px 8px 2px 12px;
font-size: 40px;
width: 25px;
height: 40px;
color: #d15da3;
background-color: rgb(116, 209, 93);
position: absolute;
right: 0;
bottom: 0;
cursor: pointer;
border-style: inset;
border-width: 3px;lse
j.s clase vernes 10
<div id="lista-numeros">
<ul></ul>
</div>
<button onclick="imprimirHola()">
Enviar
</button>
<button onclick="eliminarPrimero()">
Eliminar Primero
</button>
<button onclick="eliminarUltimo()">
Eliminar Ultimo
</button>
j.s estylo
var numberOne= document.getElementById("numberOne") // retorna un elemento plano
console.log(numberOne)
var listEnabled = document.getElementsByClassName("enabled") // retorna una lista
console.log(listEnabled)
var inputName = document.getElementsByName("name")
console.log(inputName)
document.querySelectorAll("body div#numberOne1,div#numberOne")
var divs = document.getElementsByTagName("div")
console.log(divs)
var listaNumeros = document.getElementById("lista-numeros").children[0];
for(let i=0;i<10;i++){
let li = document.createElement("li");
li.innerText = i+1;
listaNumeros.appendChild(li);
}
function imprimirHola(){
console.log("Hola")
}
function eliminarPrimero(){
retornarNumeros()[0].remove()
}
function eliminarUltimo(){
if(retornarNumeros().length>0)
retornarNumeros()[retornarNumeros().length-1].remove()
else document.getElementById("alert").innerText = "No hay números a eliminar" // implementar toastify
}
function retornarNumeros(){
return document.getElementById("lista-numeros").children[0].children
//document.querySelectorAll("div#lista-numeros li")
}
Method
<button>
Enviar
</button>
document.querySelector("button").addEventListener("click",imprimirHola)
function imprimirHola(event){
console.log("Hola")
</div>
<a href="google.com">Google</a>
<button>
document.querySelector("a").addEventListener("click",imprimirHola)
function imprimirHola(event){
console.log(event)
event.preventDefault();
event.target.remove()
}
Objeto
var jefe = {
name: "William Rodríguez"
}
console.log("Imprimiendo el objeto jefe: ", jefe)
// number, string, boolean, array, object
var boss = {
name: "William Rodríguez",
age: 55,
brothers: [
{
...