body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.flip-card:focus {
outline: 0;
}
.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
}
.flip-card-front {
background: linear-gradient(to left, #4364f7, #6fb1fc);
color: black;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.flip-card-back {
background: linear-gradient(to right, #4364f7, #6fb1fc);
color: white;
transform: rotateY(180deg);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
h3 {
font-size: 20px;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #fff;
}
button {
padding: 10px 20px;
}
//удаление объекта имеющего свойство baggageID и перезапись price и sumPrice
function removeBaggagePrice(price) {
const filteredPrices = price.filter( //проверка price на наличие свойства baggageID
(prop) => !prop.hasOwnProperty("baggageID") //если есь удалить объект
);
localStorage.setItem("prices", JSON.stringify(filteredPrices));
let sumAfterRemove = filteredPrices.reduce((acc, curr) => acc + curr.price, 0);
localStorage.setItem("sumPrice", JSON.stringify(sumAfterRemove));
}
})
console.log(JSON.parse('hello')) // errorБольше ошибок не вижу