Erro: Uncaught TypeError: document.getElementByClass is not a function

JavaScript

HTML5

19/08/2019

Bom dia pessoal,

estou tentando desde ontem uma simples função de quando clicar num botão abrir um modalzinho com uma mensagem mas sempre retorna esse erro Uncaught TypeError: document.getElementByClass is not a function at openModal (moveSide.js:26) at HTMLAnchorElement.onclick (meusCupons.php:52)

Linhas do js:

function openModal() {
  var tela = document.getElementByClass('information');

  tela.classList.toggle('dNone');
}


Linhas Html:
    <div class='border'>
      <div class='p-cima'>
        <img src="../imgs/xxx.jpg" alt="xxx">
        <div>
          <a href="#" onClick='openModal()'><i class="fas fRight fa-info-circle"></i></a>
          <h2>xxx</h2>
          <span>Hoje às 14:54</span>
        </div>
      </div>

    </div>
      <div class="information">
        <div class='border'>
          <h3>Como utilizar<i class="fRight fas fa-times-circle" onClick='openModal()'></i></h3>
          <p>texto aqui.</p>
        </div>
    </div>



Alguem sabe me dizer oq estaria de errado ?
Luke Campos

Luke Campos

Curtidas 0

Respostas

Jothaz

Jothaz

19/08/2019

Onde esta o código da criação da Modal?

Existem várias formas de se criar uma modal:

1 - Você cria seu próprio estilo para modal, exemplo de uma modal do W3Sshool 
https://www.w3schools.com/w3css/w3css_modal.asp
https://www.w3schools.com/howto/howto_css_modals.asp


2 - Usa o boostrap que prove uma solução pronta 
https://www.w3schools.com/bootstrap/bootstrap_modal.asp


3 - Uso o jquery tipo o boostrap 
https://jquerymodal.com/


Ou usa outra solução pronta, o que é mais produtivo e rápido.

Agora se fora para estudar tente criar a sua própria solução.
GOSTEI 0
Luke Campos

Luke Campos

19/08/2019

Onde esta o código da criação da Modal?

Existem várias formas de se criar uma modal:

1 - Você cria seu próprio estilo para modal, exemplo de uma modal do W3Sshool 
https://www.w3schools.com/w3css/w3css_modal.asp
https://www.w3schools.com/howto/howto_css_modals.asp


2 - Usa o boostrap que prove uma solução pronta 
https://www.w3schools.com/bootstrap/bootstrap_modal.asp


3 - Uso o jquery tipo o boostrap 
https://jquerymodal.com/


Ou usa outra solução pronta, o que é mais produtivo e rápido.

Agora se fora para estudar tente criar a sua própria solução.




Vlws pelas dicas, mas consegui resolver já, simplesmente mudei de getElementByClass para getElementById e funcionou normal, entre id e class nao me trará diferenças então permanecerei assim, obrigado do mesmo jeito
GOSTEI 0
POSTAR