Skip to main content
se eliminaron 5 caracteres en el cuerpo
Origen Enlace
RazerJs
  • 2.3k
  • 2
  • 18
  • 41

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo puedes llamardebes utilizar asi.. o puedes peroporque lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la fncionfuncion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar(params) {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }
    </script>

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo puedes llamar asi.. o puedes pero lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la fncion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar(params) {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }
    </script>

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo debes utilizar asi.. porque lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la funcion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar() {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }
    </script>

se eliminaron 4 caracteres en el cuerpo
Origen Enlace
RazerJs
  • 2.3k
  • 2
  • 18
  • 41

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo puedes llamar asi.. o puedes pero lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la fncion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar(params) {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }
 
    </script>

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo puedes llamar asi.. o puedes pero lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la fncion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar(params) {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }
 
    </script>

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo puedes llamar asi.. o puedes pero lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la fncion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar(params) {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }
    </script>

Origen Enlace
RazerJs
  • 2.3k
  • 2
  • 18
  • 41

Estabas cerca de la respuesta Alvaro lo unico que hice fue ponerle el display: block; por default a la etiqueta de tu parrafo y luego cree una nueva funcion que controla el estado del display con un ternario.. en caso que sea block llama tu funcion ocultar() en caso que sea none la funcion mostrar().. El condicional no lo puedes llamar asi.. o puedes pero lo que hace es ejecutarse una vez y luego no funciona nuevamente.. por eso haces una funcion metes la condicion y cuando la necesites llamas la fncion.. este es el codigo saludos..

<p id="parrafo" style='display:block'>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
        Voluptatem ut non sint excepturi molestias perspiciatis
        doloremque, provident ducimus est quo, dolorum at rerum!
        Hic accusamus mollitia unde, quisquam ratione repellendus!</p>
    <button type="button" id="boton" onclick='mostrarOcultar()'>boton</button>
    <script>
        var parr = document.getElementById("parrafo")

        function ocultar() {
            parr.style.display = 'none';
        }
        function mostrar() {
            parr.style.display = "block";
        }

        function mostrarOcultar(params) {
            parr.style.display == 'block' ? ocultar() : mostrar()
        }

    </script>