Esse é o codigo do 1 js
document.addEventListener('DOMContentLoaded',function(){
var menuPro=document.querySelector('.link2');
var menuIA=document.querySelector('.link3');
var menuMedi=document.querySelector('.link4');
var menuAmbi=document.querySelector('.link5');
menuPro.addEventListener('click',function(){
localStorage.setItem('menu','.link2');
window.location.href="http://";
});
menuIA.addEventListener('click',function(){
localStorage.setItem('menu','.link3');
})
menuMedi.addEventListener('click',function(){
localStorage.setItem('menu','.link4');
})
menuAmbi.addEventListener('click',function(){
localStorage.setItem('menu','.link5');
})
});
document.addEventListener('click',function(){
var vpro=document.querySelector('.visualização1');
var vIA=document.querySelector('.visualização2');
var vM=document.querySelector('.visualização3');
var vA=document.querySelector('.visualização4');
vpro.addEventListener('click',function(){
localStorage.setItem('svg','.visualização1');
window.location.href="http://";
});
vIA.addEventListener('click',function(){
localStorage.setItem('svg','.visualização2');
window.location.href="http://";
})
vM.addEventListener('click',function(){
localStorage.setItem('svg','.visualização3');
window.location.href="http:";
})
vA.addEventListener('click',function(){
localStorage.setItem('svg','.visualização4');
window.location.href="http://";
});
})
Esse é o 2
document.addEventListener('DOMContentLoaded',function () {
let svg=localStorage.getItem('svg');
let svgtexto1=document.querySelector('.svgtexto1');
let svgtexto2=document.querySelector('.svgtexto2');
let svgtexto3=document.querySelector('.svgtexto3');
let svgtexto4=document.querySelector('.svgtexto4');
let img1=document.querySelector('.imagem1');
let img2=document.querySelector('.imagem2');
let img3=document.querySelector('.imagem3');
let img4=document.querySelector('.imagem4');
if(svg===".visualização1"){
svgtexto1.innerHTML='<strong>A Arte da Programação</strong><br><br>'+
'A programação é uma habilidade essencial no mundo moderno, uma forma de arte que permite a criação de software, sites, jogos, aplicativos e muito mais. Vamos explorar o fascinante mundo da programação.<br><br>'+
'<strong>O Que é Programação?</strong><br><br>'+
'Programação é o processo de criar um conjunto de instruções que dizem a um computador como realizar uma tarefa. Tudo o que você faz em um computador, desde navegar na internet até jogar videogames ou usar um aplicativo, é possível graças à programação.<br><br>'
}
else if(svg===".visualização2"){
svgtexto2.innerHTML='<strong>Desvendando a Inteligência Artificial</strong><br><br>'+
document.addEventListener('DOMContentLoaded',function () {
let menu=localStorage.getItem('menu');
let sinopsePro=document.getElementById('textopro');
let sinopseIA=document.getElementById('texto2');
let sinopseM=document.getElementById('texto3');
let sinopseA=document.getElementById('texto4');
let imagem1=document.getElementById('img');
let imagem2=document.getElementById('img2');
let imagem3=document.getElementById('img3');
let imagem4=document.getElementById('img4');
if(menu==='.link2'){
sinopsePro.innerHTML='Aprender a programar pode abrir novas oportunidades de carreira, de negócios e de lazer. Além disso, a programação pode ser divertida e gratificante, pois permite criar coisas incríveis com o poder da tecnologia';
var imageUrl ='Imagens/Programação.jpg';
imagem1.src=imageUrl;
} else if(menu==='.link3'){
sinopseIA.innerHTML='IA pode trazer benefícios para a sociedade e para a economia, como melhorar a qualidade de vida das pessoas, aumentar a produtividade e a inovação das empresas e dos países, e resolver problemas complexos.';
} else if(menu==='.link4'){
}
else if(menu==='.link5'){
}
});
'A Inteligência Artificial (IA) é uma das tecnologias mais revolucionárias do nosso tempo, prometendo transformar muitos aspectos da nossa vida, desde como trabalhamos até como jogamos. Mas o que exatamente é IA e por que ela é tão importante?<br><br>'+
'<strong>O Que é Inteligência Artificial?</strong><br><br>'
Olá, estou fazendo um blog com Html, Css e Js,quando clico em qualquer botão dá primeira página aparece todos os textos e todas as fotos,quero que exiba somente o texto e imagem que quero e não tudo,quando fiz uma função só, funcionou,mais já quando fiz a segunda do card exibe tudo,algúem saberia me ajudar,desde já agradeço.