proszę o pomoc w poprawie mojej pracy

pytanie zadane 12 grudnia 2018 w JavaScript przez LaZ9 Nowicjusz (190 p.)

Mam pytanie.W jaki sposób mogę podmienić zawartość diva klikając na inny div. zrobiłem stronkę o takiej strukturze i chciałbym w js poprawić swój projekt. Z góry dzięki

<!DOCTYPE HTML>
<html lang="pl">
 <head>
    <meta charset="utf-8" />
    <title>Praca</title>
    <meta name="description" content="HTML,CSS,MYSQL,JavaScrypt,php,zatrudnnij programistę," />
    <meta name="keywords" content="HTML,CSS,MYSQL,JavaScrypt,php,zatrudnnij, programistę,zamów,stronę,www,portfolio" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" href="style.css" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Maven+Pro" rel="stylesheet">
    <script type="text/javascript" src="czas.js"></script>
 </head>
 <body onload="czas()">
  <div id="all">
   <div class="mark1">
     <a href="index.html" class="block2">Janek</a>
   </div>
   <div id="mark3">
     <a href="cooferuje.html" id="coof" class="block1">Co oferuję</a>
     <a href="czym.html"  id="czym" class="block1">Czym się zajmuję</a>
     <a href="cv.html"  id="cv" class="block1">Curriculum vitae</a>
     <a href="kontakt.html"  id="kon" class="block1">Kontakt ze mną</a>
     <div style="clear:both;"></div>
     </div>
   <div id="mark4">
    
    
     <div id="info">Tutaj możesz zamuwić strone:<br>
     skontaktuj się ze mną , a reszta do omówienia i negonjacji<br><br>
      
     <img src="img/kodowanie.jpg" height="260px" />
     </div>
      
      
     </div>
     <div style="clear:both;"></div>
   <div id="mark2">
     <a href="https://youtube.com" target="_blank" id="yt" class="block3">YouTube</a>
     <a href="https://www.facebook.com" target="_blank" ><div class="fb">Facebook</div></a>
     <a href="https://mail.google.com" target="_blank" ><div class="g"  class="block3">Gmail</div></a>
    <div style="clear:both;"></div>
   </div>
   <div class="mark1" id="fr">2018 &copy; rrggdgrgrrggrgr</div>
    <div id="zegar"></div>
  </div>
 </body>
</html>

1 odpowiedź

odpowiedź 12 grudnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Najprostsze rozwiązanie to po prostu podpiąć się na event kliknięcia: https://codepen.io/anon/pen/pqjNPy?editors=1010

// HTML:

<div id="div">Pierwszy div</div>
<button id="btn">Kliknij i zmień napis</button>

// JS:

const btn = document.getElementById('btn');
const div = document.getElementById('div');

btn.addEventListener('click', () => {
  div.textContent = 'Wartość zmieniona po kliknięciu...';
});

komentarz 12 grudnia 2018 przez LaZ9 Nowicjusz (190 p.)

nie działa i chciałem żeby cały div był przyciskiem tak żeby nie zmieniać jego barwy i kształtu.jesteś w stanie coś takiego zrobić?co trzeba zrobić żeby <a id="coof"> zmieniał zawartość id="info" bez kopiowania strony i podmianie w każdym tekstu . żeby strona co chwile się nie odświeżała.

komentarz 12 grudnia 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Ja Ci dałem praktycznie gotowca co do zasady, czyli pokazałem jak pobrać referencję do elementu w DOM, jak dodać nasłuchiwanie na click i jak podmienić zawartość po clicku... czy zmienisz tam textContent czy cały innerHtml itp. to już w ogóle osobna kwestia... poczytaj sobie o podstawowych metodach manipulacji DOM i myślę, że szybko znajdziesz rozwiązanie :)

W moim odczuciu dałem gotowca... jeśli uważasz inaczej to sorry, zignoruj moją odpowiedź.