Skip to main content
se añadieron 129 caracteres en el cuerpo
Origen Enlace
Yussef
  • 23.4k
  • 4
  • 12
  • 29

Quiero que al presionar el botón "Aquí" desaparezcan los inputs utilizando javaScript, pero no funciona.

<div class="cuerpoLogin">
  <label id="loginLabel">Inicio de sesión</label>
  <input type="email" class="inputs" placeholder="[email protected]">
  <input type="password" class="inputs" placeholder="Contraseña">
  <button id="buttonLogin" type="button">Iniciar sesión</button>
  <div class="registro">
    <p>Registrate<br>
      <button id="buttonR" onclick="myFunction()" type="button" name="button">Aquí</button>
    </p>
    <script>
      function myFunction() {
        document.getElementByClassName("inputs").style.display = 'none';
      }
    </script>
  </div>
</div>

<div class="cuerpoLogin">
  <label id="loginLabel">Inicio de sesión</label>
  <input type="email" class="inputs" placeholder="[email protected]">
  <input type="password" class="inputs" placeholder="Contraseña">
  <button id="buttonLogin" type="button">Iniciar sesión</button>
  <div class="registro">
    <p>Registrate<br>
      <button id="buttonR" onclick="myFunction()" type="button" name="button">Aquí</button>
    </p>
    <script>
      function myFunction() {
        document.getElementByClassName("inputs").style.display = 'none';
      }
    </script>
  </div>
</div>

Quiero que al presionar el botón "Aquí" desaparezcan los inputs utilizando javaScript, pero no funciona.

<div class="cuerpoLogin">
  <label id="loginLabel">Inicio de sesión</label>
  <input type="email" class="inputs" placeholder="[email protected]">
  <input type="password" class="inputs" placeholder="Contraseña">
  <button id="buttonLogin" type="button">Iniciar sesión</button>
  <div class="registro">
    <p>Registrate<br>
      <button id="buttonR" onclick="myFunction()" type="button" name="button">Aquí</button>
    </p>
    <script>
      function myFunction() {
        document.getElementByClassName("inputs").style.display = 'none';
      }
    </script>
  </div>
</div>

Quiero que al presionar el botón "Aquí" desaparezcan los inputs utilizando javaScript, pero no funciona.

<div class="cuerpoLogin">
  <label id="loginLabel">Inicio de sesión</label>
  <input type="email" class="inputs" placeholder="[email protected]">
  <input type="password" class="inputs" placeholder="Contraseña">
  <button id="buttonLogin" type="button">Iniciar sesión</button>
  <div class="registro">
    <p>Registrate<br>
      <button id="buttonR" onclick="myFunction()" type="button" name="button">Aquí</button>
    </p>
    <script>
      function myFunction() {
        document.getElementByClassName("inputs").style.display = 'none';
      }
    </script>
  </div>
</div>

Origen Enlace

porque mi onClick no funciona?

Quiero que al presionar el botón "Aquí" desaparezcan los inputs utilizando javaScript, pero no funciona.

<div class="cuerpoLogin">
  <label id="loginLabel">Inicio de sesión</label>
  <input type="email" class="inputs" placeholder="[email protected]">
  <input type="password" class="inputs" placeholder="Contraseña">
  <button id="buttonLogin" type="button">Iniciar sesión</button>
  <div class="registro">
    <p>Registrate<br>
      <button id="buttonR" onclick="myFunction()" type="button" name="button">Aquí</button>
    </p>
    <script>
      function myFunction() {
        document.getElementByClassName("inputs").style.display = 'none';
      }
    </script>
  </div>
</div>