Problem trying to enter adulthood alert in online store [closed]

Question

Problem trying to enter adulthood alert in online store [closed]

Navigation

#1 by (1 votes)

-1

<body>
<script>
function menor_idade(){
location.href="https://criancas.uol.com.br/"
}
function maior_idade(){
document.cookie="aceita_conteudo_pagina:sim";
window.location = location.href;
}
if(document.cookie.indexOf("aceita_conteudo_pagina")<0){
var home_principal = $$(".cms-index-index")
home_principal[0].innerHTML+="<h1 style="font-size: 32px; margin: 30px auto; text-align: center;">Este site oferece conteúdo impróprio para menos de 18 anos</h1>";
home_principal[0].innerHTML="<div id="master" style="height: 40px; text-align: center;"><span style="padding: 5px; background: green; color: #FFF; font-size: 18px; cursor: pointer;" onclick="maior_idade()">Tenho mais de 18 anos</span><span style="margin-left: 40px; padding: 5px; background: red; color: #FFF; font-size: 18px; cursor: pointer;"onclick="menor_idade()">Tenho menos de 18 anos</span></div>"
}
</script>

</body>

javascript

asked by anonymous 22.03.2018 / 00:45

1 answer

File reading in java spanning line specifies if exist Return a value from a two-variable calculation to show the user using OOP. Result is not printed on the screen [closed]

score 1 · Answer 1

How @ValdeirPsr spoke ...

On line

var home_principal = $$(".cms-index-index")

Remove one of the $ , it would look like this:

var home_principal = $(".cms-index-index")

No innerHTML te 2 problems:

1- In

home_principal[0].innerHTML+="<h1 style="font-size: 32px; margin: 30px auto; text-align: center;">Este site oferece conteúdo impróprio para menos de 18 anos</h1>";
home_principal[0].innerHTML="<div id="master" style="height: 40px; text-align: center;"><span style="padding: 5px; background: green; color: #FFF; font-size: 18px; cursor: pointer;" onclick="maior_idade()">Tenho mais de 18 anos</span><span style="margin-left: 40px; padding: 5px; background: red; color: #FFF; font-size: 18px; cursor: pointer;"onclick="menor_idade()">Tenho menos de 18 anos</span></div>"

In the second line you are about writing innerHTML of the first line

home_principal[0].innerHTML+="<h1 style="font-size: 32px; margin: 30px auto; text-align: center;">Este site oferece conteúdo impróprio para menos de 18 anos</h1>";
home_principal[0].innerHTML="<div id="master" style="height: 40px; text-align: center;"><span style="padding: 5px; background: green; color: #FFF; font-size: 18px; cursor: pointer;" onclick="maior_idade()">Tenho mais de 18 anos</span><span style="margin-left: 40px; padding: 5px; background: red; color: #FFF; font-size: 18px; cursor: pointer;"onclick="menor_idade()">Tenho menos de 18 anos</span></div>"

2- When you want to use quotation marks inside other quotation marks, you need to "escape" the inner quotation mark with \ or change the double quotation marks in single quotation marks, ie on the outside use "and inside" or vice versa.

With the two errors of innerHTML fixed it would look like this:

home_principal[0].innerHTML+="<h1 style='font-size: 32px; margin: 30px auto; text-align: center;'>Este site oferece conteúdo impróprio para menos de 18 anos</h1>";
home_principal[0].innerHTML+="<div id='master' style='height: 40px; text-align: center;'><span style='padding: 5px; background: green; color: #FFF; font-size: 18px; cursor: pointer;' onclick='maior_idade()'>Tenho mais de 18 anos</span><span style='margin-left: 40px; padding: 5px; background: red; color: #FFF; font-size: 18px; cursor: pointer;' onclick='menor_idade()'>Tenho menos de 18 anos</span></div>"

Double quotation marks to mark beginning and end of string and single quotation marks to mark beginning and end of attributes of HTML tags