Итак, у меня есть этот код, который, когда вы нажимаете на абзац, связывает вас с другой страницей html, простой код, верно? Но это как-то не работает, и я хотел бы знать, почему. Функции, которые не работают, это «tshirt», «astronautcapa» и «capasmovel», и я нахожу это странным, потому что они просто равны всем функциям, которые я выполнял, и они работают, но эти не работают
Html:
<!DOCTYPE html>
![image]()
JavaScript:
function mainpage(){
window.location = "index.html"
}
function products(){
window.location = "products.html"
}
function tshirt() {
window.location = "tshirtsproducts.html"
}
function astronaut_capa(){
window.location = "astronaut_case.html"
}
function capasmovel() {
window.location = "cases_products.html"
}
var removeCartItensButton = document.getElementsByClassName('btn-danger');
console.log(removeCartItensButton.length)
for(var i = 0; i<removeCartItensButton.length; i++){
var button = removeCartItensButton[i]
button.addEventListener('click', removeCartItem)
}
var quantityInputs = document.getElementsByClassName('quantity')
for(var i = 0; i<quantityInputs.length; i++){
var input = quantityInputs[i]
input.addEventListener('change', quantityChanged)
}
var addToCartButtons = document.getElementsByClassName('adicionar_carrinho')
for(var i = 0; i<addToCartButtons.length; i++){
var button = addToCartButtons[i]
button.addEventListener('clicked',addToCartClicked())
}
function getSize() {
var size = ""
if( document.getElementById('xs').className = "clicked_size_button"){
size = xs
}
if( document.getElementById('s').className = "clicked_size_button"){
size = s
}
if( document.getElementById('m').className = "clicked_size_button"){
size = m
}
if( document.getElementById('l').className = "clicked_size_button"){
size = l
}
if( document.getElementById('xl').className = "clicked_size_button"){
size = xl
}
return size
}
function addToCartClicked(event){
var product = document.getElementsByClassName('product_name')[0].innerText
var price = document.getElementsByClassName('price')[0].innerText
var size = document.getElementsByClassName('clicked_size_button')[0].innerText
var info = [product,size,price];
console.log(info)
localStorage.setItem("names", JSON.stringify(info));
}
function reloadShoppingCart()
{
var storedInfo = JSON.parse(localStorage.getItem("names"));
var cartRow = document.createElement('div');
cartRow.classList.add('rTableRow')
var cartItems = document.getElementsByClassName('rTable')[0]
cartRow.innerHTML = cartRows
cartItems.append(cartRow)
}
function quantityChanged(event)
{
var input = event.target
if(isNaN(input.value) || input.value <= 0){
input.value = 1;
}
updateCartTotal()
}
function removeCartItem(event){
var ButtonCliked = event.target
ButtonCliked.parentElement.parentElement.remove()
updateCartTotal()
}
function updateCartTotal(){
var cartItemContainter = document.getElementsByClassName('rTable')[0]
var cartRows = cartItemContainter.getElementsByClassName('rTableRow')
var total = 0
for(var i = 0; i<cartRows.length; i++){
var cartRow = cartRows[i]
var priceElement = cartRow.getElementsByClassName('cart-price')[0]
var quantityElement = cartRow.getElementsByClassName('quantity')[0]
console.log(priceElement,quantityElement)
var price = parseFloat(priceElement.innerText.replace("$",""))
var quantity = quantityElement.value
total = total + (price * quantity)
}
total = Math.round ( total * 100 ) / 100
document.getElementsByClassName('total')[0].innerText = "Total: " + total + "€";
}
function SizeButtonStyle(el) {
if(el.id == 'xs'){
document.getElementById('xs').className = "clicked_size_button";
document.getElementById('s').className = "unclicked_size_button";
document.getElementById('m').className = "unclicked_size_button";
document.getElementById('l').className = "unclicked_size_button";
document.getElementById('xl').className = "unclicked_size_button";
}
if(el.id == 's'){
document.getElementById('xs').className = "unclicked_size_button";
document.getElementById('s').className = "clicked_size_button";
document.getElementById('m').className = "unclicked_size_button";
document.getElementById('l').className = "unclicked_size_button";
document.getElementById('xl').className = "unclicked_size_button";
}
if(el.id == 'm'){
document.getElementById('xs').className = "unclicked_size_button";
document.getElementById('s').className = "unclicked_size_button";
document.getElementById('m').className = "clicked_size_button";
document.getElementById('l').className = "unclicked_size_button";
document.getElementById('xl').className = "unclicked_size_button";
}
if(el.id == 'l'){
document.getElementById('xs').className = "unclicked_size_button";
document.getElementById('s').className = "unclicked_size_button";
document.getElementById('m').className = "unclicked_size_button";
document.getElementById('l').className = "clicked_size_button";
document.getElementById('xl').className = "unclicked_size_button";
}
if(el.id == 'xl'){
document.getElementById('xs').className = "unclicked_size_button";
document.getElementById('s').className = "unclicked_size_button";
document.getElementById('m').className = "unclicked_size_button";
document.getElementById('l').className = "unclicked_size_button";
document.getElementById('xl').className = "clicked_size_button";
}
}
function gotocarrinho(){
window.location = "shopping_card.html"
}