HTML JavaScript

pytanie zadane 10 kwietnia 2023 w JavaScript przez maciek2 Nowicjusz (240 p.)
edycja 10 kwietnia 2023 przez maciek2

Moje pytanie dotyczy amatorskiej strony internetowej na potrzebę nauki programowania w HTML CSS Java Script.

Otóż w moim kodzie wszystko chodzi do momentu gdy chcę wyświetlić treść akapitu znajdującego się pod przyciskiem BUTTON (WIĘCEJ). Najeżdżając na ten przycisk w przeglądarce google chrome dodatkowa treść artykułu mi się nie wyświetla. Używam do pisania kodu Notepad++


<!DOCTYPE html>
<html>
</html>
<head>
<title>Mój blog</title>
<meta charset="UTF-8">
<style>
h1
{
  color: darked;
  background-color: gray;
}  
body
{
  background-color: lightgray;
  margin-left: 200px;
  margin-right: 200px;
} 
  
</style>
<script>
    function rozwijaj()
	{
	     document.getElementByld("a")innerHTML"Wiarą wielkości ziarnka gorczycy przeniesiesz górę. Jezus jest drogą prawdą życiem";
	}
</script>

</head>
</html>
<body>
<img src="Man-logo-1920x1080.png"</img>
<h1>Cytat z ewangelii dla każdego prostaczka</h1>
<p id="a">Wiarą wielkości ziarnka gorczycy przeniesiesz górę.<button onclick="rozwijaj()">Więcej</button></p>
<h1>Życie jest piękne</h1>
<p>Bo w życiu tak wynika że wleci mucha do gaźnika</p>
</body>
</html>

2 odpowiedzi

odpowiedź 10 kwietnia 2023 przez jankustosz1 Nałogowiec (35,880 p.)

Kod wygląda tragicznie.

Na pierwszy rzut oka, widzę 2 problemy:

1) Zamykasz tag html w linii 29.

2) W linii 24 napisałeś:

 document.getElementByld("a")innerHTML"Wiarą wielkości ziarnka gorczycy przeniesiesz górę. Jezus jest drogą prawdą życiem";

Nie dając znaku =

3) Jeszcze zauważyłem że napisałeś getElementByld przez L zamiast I.

Ogólnie możesz wejść w narzędzia developerskie przeglądarki i tam w konsoli powinno pisać co jest problemem.

komentarz 10 kwietnia 2023 przez wizarddos Nałogowiec (25,930 p.)

Nie dając znaku =

I dodatkowo kropki, powinno to wyglądać tak

document.getElementByld("a").innerHTML="Wiarą wielkości ziarnka gorczycy przeniesiesz górę. Jezus jest drogą prawdą życiem";

Poza tym querySelector to też fajne narzędzie

komentarz 10 kwietnia 2023 przez maciek2 Nowicjusz (240 p.)

@jankustosz1,

Bardzo ci dziękuję

będe to korygował

komentarz 10 kwietnia 2023 przez maciek2 Nowicjusz (240 p.)

jesteś Kozak zaskoczyło

jeszcze raz dzięki

odpowiedź 10 kwietnia 2023 przez VBService Ekspert (252,740 p.)
edycja 10 kwietnia 2023 przez VBService

Do tego co napisał @jankustosz1,

linii 2 otwierasz tag <html> w linii 3 zamykasz </html>
nieprawidłowa właściwość dla elementu h1 w css color: darked;
nieprawidłowy zapis tag-u
<img src="Man-logo-1920x1080.png"</img>

Nie musisz przypisywać całego tekstu od nowa, sprawdź np.

[ on-line ]

    <p id="a">Wiarą wielkości ziarnka gorczycy przeniesiesz górę.
      <button onclick="rozwijaj(event)">Więcej</button>        
    </p>

      function rozwijaj(event)
      {
        if (event.target) event.target.remove();
        document.getElementById('a').textContent += ' Jezus jest drogą, prawdą, życiem';
      }