4
respostas

por que a funcao href nao funciona ??

''' <meta charset="UTF-8">
<script>
    function pulaLinha() {
        document.write("<br>");
    }

    function mostra(frase) {
        document.write(frase);
        pulaLinha();
    }


mostra (alert  ("vc tem probema eletricos em sua casa ?))

mostra (<a href "https://www.facebook.com/ascend.instaladora">clique aqui<a>)

</script>'''
4 respostas

Olá Leandro, tudo bem?

Neste caso há um erro em ambas as funções mostra, que está fazendo com que consequentemente, o conteúdo interno do document.write não funcionem.

O document.write tem o papel de escrever no documento uma string contendo um texto e isso é feito por meio das aspas.

Vamos analisar o código!


Na primeira chamada dessa função, o conteúdo dentro dos parenteses está sem as aspas e está tentando fazer um alert, assim:

mostra (alert  ("vc tem probema eletricos em sua casa ?))

Neste caso, o alert não será reconhecido como função, visto que ele está sendo chamado dentro do document.write, cujo o papel é escrever no documento da página e não abrir um pop-up. Para corrigir essa questão, podemos chamar a função alert desvinculada da function mostra. Dessa forma:

alert  ("vc tem probema eletricos em sua casa ?")

Na outra chamada da função mostra, que contém o href, as aspas também não foram utilizadas englobando todo o conteúdo do parênteses, veja:

mostra (<a href "https://www.facebook.com/ascend.instaladora">clique aqui<a>)

Modificando, ficará assim:

mostra ("<a href https://www.facebook.com/ascend.instaladora>clique aqui<a>")

A partir disso, o href será identificado e funcionará dentro do document.write.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!

'''

''' gostaris de destacar o "POSSO RESOLVER" E ao enves de aprece ok no alert a´parecer sim ou nao

<meta charset="UTF-8">
<script>
    function pulaLinha() {
        document.write("<br>");
    }

    function mostra(frase) {
        document.write(frase);
        pulaLinha();
    }

''
alert  ("vc tem probema eletricos em sua casa ?");

mostra <h1>("Podemos resolver ")<h1> 

mostra ("<a href https://www.facebook.com/ascend.instaladora>clique aqui<a>");

</script>


</script>
''

Opa, Leandro!

1ª parte: modificando o mostra


Antes de prosseguir com a explicação, notei uma alteração no 1º mostra, vamos visualizar!

O código está assim:

mostra <h1>("Podemos resolver ")<h1> 

Como citei anteriormente, todo o conteúdo do mostra deve estar entre parênteses e aspas para que a function mostra funcione e também, a tag <h1>deve estar sendo fechada.

Modificando, ficará assim:

mostra ("<h1>Podemos resolver</h1>") 

2ª parte: destacando o "Podemos resolver"


Você pode acrescentar qualquer estilo nesse <h1> "Posso resolver" por meio do CSS inline, dessa forma:

mostra ("<h1 style='color:red'>Podemos resolver</h1>")

Neste caso eu coloquei a cor do texto vermelha, porém se o seu intuito é apenas deixar em negrito para "destacar", não precisa acrescentar nenhum estilo, pois o <h1> por padrão já é em negrito e maior do que o restante dos textos e agora que corrigimos o mostra, o <h1> se apresentará como esperado.

3ª parte: estilizando o Alert


O pop-up criado pelo Alert é padrão do navegador, não temos acesso para estilizá-lo. O que pode ser feito é criarmos o nosso próprio pop-up que se apresentaria como um modal! É um conteúdo mais avançado, que requer o uso de HTML, CSS e JavaScript. Sendo assim, após finalizar o curso de lógica 1 recomendo você realizar primeiramente os 4 cursos de HTML e CSS aqui da Alura e o curso de Bootstrap e retornar com essa dúvida aqui no fórum para que possamos te auxiliar melhor.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar!