Como fazer uma divisão clicável usando javascript

O elemento é a tag mais importante e comumente usada no desenvolvimento da web. Ele define uma seção ou divisão em um documento HTML. Além disso, os usuários podem modificar as diferentes propriedades de estilo no tags como cor de fundo, tamanho da fonte, cor do texto, e qualquer uma das funcionalidades que podem ser aplicadas clicando na div. Pode -se adicionar uma funcionalidade específica ao clicar na div. Nesta postagem, demonstraremos vários métodos para divulgar o cliques usando JavaScript.

• Como fazer uma divisão clicável em javascript
• Exemplo 1: Usando o método addEventListener () para fazer uma divisão clicável
• Exemplo 2: Usando a tag para fazer um URL clicável

Como fazer uma divisão clicável em javascript?

JavaScript fornece addEventListener () método para fazer um texto clicável dentro marcação. Além disso, uma função simples também pode ser associada à funcionalidade OnClick da tag div para fazer uma divisão clicável. A operação clicável pode ser aplicada acessando o eu ia ou aula atributo. Os usuários podem colocar qualquer conteúdo dentro de um tag para exibir no navegador. Vamos tentar ambos os métodos para divulgar um clickable em javascript.

Exemplo 1: Usando o método addEventListener () para fazer uma divisão clicável

O método addEventListener () é aplicado através do tag para tornar um divisão cliques em javascript. O método é desencadeado por uma associação com um determinado evento. Ao considerar, um código é seguido com Tags para fazer um texto clicável em JavaScript.

Código

Exemplo para clicar em JavaScript

Pressione a div clicable

O código está ilustrado abaixo:

• Em primeiro lugar, a a área é especificada em que contém uma mensagem “Pressione a div clicable” tendo um ID único de "Cl".
• Depois disso, o getElementById () O método é utilizado para extrair o HTML elemento por seu "Cl" valor.
• Além disso, o addEventListener () O método é empregado para adicionar um manipulador de eventos passando "clique" e “Cl_div” argumentos.
• No final, um cl_div () É chamado o método que retorna uma mensagem “Bem -vindo ao JavaScript” empregando o Innerhtml propriedade.

Saída

A saída retorna o navegador no qual o usuário cliques na div e o div A tag é alterada para “Bem -vindo ao JavaScript”.

Exemplo 2: Usando tag para tornar um URL clicável em uma div

O A tag é famosa por redirecionar para outros links ou páginas da web. Esta tag tem um "Href”Atributo que aceita o URL de uma página da web específica. Vamos praticar usá -lo através do código de exemplo a seguir:

Código

Exemplo para fazer uma divisão clicável em javascript

"https: // linuxhint.com/"

O código acima é explicado linha por linha:

• Primeiro um A área é especificada e atribuída um valor de classe de "clicável".
• Depois disso, um A tag é aplicada passando o link “https: // linuxhint.com ”.
• Pressionando o link, refere -se ao div tendo a aula “clicável”.
• Depois disso, o janela.localização() Método obtém o “URL” da página da web especificada através do attr () método.

Saída

A saída mostra que quando um usuário pressiona o link “Clique em Link”, Uma nova janela aparece no navegador.

Conclusão

Em JavaScript, um embutido addEventListener () Método ou uma função definida pelo usuário pode ser usada para tornar uma divisão clicável. O addEventListener () O método leva dois argumentos, o primeiro argumento deve ser 'clique'E o segundo argumento deve apontar para a div (utilizando seu aula nome ou eu ia). Em uma função definida pelo usuário, a função é anexada ao evento OnClick do div Para tornar o divisor de cliques. Este blog demonstrou todos os métodos possíveis para divulgar um cliques usando JavaScript.