może mi ktoś wyjaśnić gdzie jest błąd?

pytanie zadane 7 lutego 2020 w JavaScript przez RavenTheReaper Początkujący (280 p.)
zamknięte 7 lutego 2020 przez RavenTheReaper

        function Z()
        {
            document.getElementsByClassName("cont")[0].style.backgroundColor = "gren";
            document.getElementsByClassName("logo")[0].style.backgroundColor = "gray";            
        }

</script>
<input type="button" onclick="Z()" value="tu">
</footer>

</html>

css (z pliku zew.):

html
{
	background-color:gray;
}

.cont
{
	min-height:200px;
	border: 5px outset red;
	border-radius: 50px 50px 0px 0px;
	background-color:black;
}

.logo
{
	min-height:200px;
	min-width:50%;
	border: 5px outset red;
	border-radius: 50px 50px 50px 50px;
	background-color:green;
	position:fixed;
	margin:auto auto;
	left:10%;
	right:10%;
	top:10%;
}

problem jest taki że zmiana koloru tła następuje tylko dla diva "logo" ale nie dla diva "cont"

komentarz zamknięcia: problem rozwiązany

komentarz 7 lutego 2020 przez mreo Użytkownik (790 p.)

Napisz jeszcze jaki blad wystepuje zebysmy wiedzieli co mamy znalezc

komentarz 7 lutego 2020 przez RavenTheReaper Początkujący (280 p.)

zmiana koloru tła następuje tylko dla diva "logo" ale nie dla diva "cont" i przeglądarka (chrome) nie pokazuje błędu

1 odpowiedź

odpowiedź 7 lutego 2020 przez spamator12 Nałogowiec (28,230 p.)
wybrane 7 lutego 2020 przez RavenTheReaper

Najlepsza

</body> umieszczasz tuz przed </html>

komentarz 7 lutego 2020 przez RavenTheReaper Początkujący (280 p.)

czy ma to wpływ na działanie JS przy zmianie koloru tła?

komentarz 7 lutego 2020 przez spamator12 Nałogowiec (28,230 p.)

tak:

<html>
<head>
    <style>
        html
        {
            background-color:gray;
        }
         
        .cont
        {
            min-height:200px;
            border: 5px outset red;
            border-radius: 50px 50px 0px 0px;
            background-color:black;
        }
         
        .logo
        {
            min-height:200px;
            min-width:50%;
            border: 5px outset red;
            border-radius: 50px 50px 50px 50px;
            background-color:green;
            position:fixed;
            margin:auto auto;
            left:10%;
            right:10%;
            top:10%;
        }
    </style>
</head>
<body>
    <div class="cont">
        <div class="logo">
            <div></div>
        </div>
    </div>

<footer>
    <script> 
        function Z()
        {
            document.getElementsByClassName("cont")[0].style.backgroundColor = "green";
            document.getElementsByClassName("logo")[0].style.backgroundColor = "gray";            
        }
</script>
    <input type="button" onclick="Z()" value="kliknij tu!"/>
</footer>
</body>
</html>

przez towje niechlujstwo :) - grEEn;