Mostrar "algo" conforme o "número" que coloco, com IF e ELSE IF

gusta1996 · 02/07/2020

hola betas , necesito su ayuda porfavor, actualmente estoy trabajando con un plugin wp de campos personalizados pero para llevar a cabo lo que quiero necesito una especie de codigo que coloque una respuesta en php segun el NUMERO que use yo, por ejemplo:

si uso el numero 1 , quiero que se muestre este codigo de php <?php the_sub_field( 'ejemplo 1' ); ?>
si uso el numero 2 , quiero que se muestre este codigo de php <?php the_sub_field( 'ejemplo 2' ); ?>
si uso el numero 3 , quiero que se muestre este codigo de php <?php the_sub_field( 'ejemplo 3' ); ?>

esos codigos de php me los da un plugin de campos personalizados, eso mostrara la respuesta que quiero mostrar para cada numero
Segun lo que investigue en estos caso se usa esto

<?php the_sub_field( 'EJEMPLO' ); ?>

<script>
var status = document.querySelector('.EJEMPLO').textContent.trim();

if (status == '1') {
}

else if (status == '2') {
}

else if (status == '3') {
}
</script>

pero como no soy experto no ssabria como completar el codigo

PORFAVOR AYUDA 🙂

Hadrien Rivere · 04/07/2020

Pues si donde colocas los números es un input puedes hacer algo asi.

JavaScript:

    <form action="#">
        <input type="number" class="num">
        <input type="text" class="result" placeholder="result">
        <button onclick="nuevoValor()">Nuevo Valor</button>
    </form>

    <script>
        const nuevoValor = () => {
            const status = document.querySelector('.num').value;
            if (status == 1) {
                document.querySelector('.result').value = <?php the_sub_field( 'ejemplo 1' ); ?>
            }
            if (status == 2) {
                document.querySelector('.result').value = <?php the_sub_field( 'ejemplo 2' ); ?>
            }
            if (status == 3) {
                document.querySelector('.result').value = <?php the_sub_field( 'ejemplo 3' ); ?>
            }
        }
    </script>

P.D No recuerdo la sintaxis de php asi que si no funciona sorry.

Hadrien Rivere · 04/07/2020

Algo mas pro: Lo que hace es escuchar cuando hay un nuevo cambio en el input, si existe un nuevo cambio se ejecuta la función updateValue esta función lo que hace es verificar si input.value es igual a X Numero si es verdadero cambiara el valor de el input result.

JavaScript:

    <form action="#">
        <input type="number" class="num">
        <input type="text" class="result" placeholder="result">
    </form>


    <script>
        const input = document.querySelector('.num');
        input.addEventListener('input', updateValue);
   
        function updateValue(e) {
            if (input.value == 1) {
                document.querySelector('.result').value = 1 //Cabiar por tu codigo php
            }

            if (input.value == 2) {
                document.querySelector('.result').value = 2 //Cabiar por tu codigo php
            }

            if (input.value == 3) {
                document.querySelector('.result').value = 3 //Cabiar por tu codigo php
            }
        }
    </script>

gusta1996 · 05/07/2020

gracias por responder, probe el codigo q me diste , pero mi caso es diferente
talves no lo explique bien xd
lo escribire mas detallado y con el codigo real que uso

Este es el codigo que me da el valor del numero

Inserir CODE, HTML ou PHP:

<?php if ( have_rows( 'descargas' ) ) : ?>
    <?php while ( have_rows( 'descargas' ) ) : the_row(); ?>
        <?php the_sub_field( 'cantidad_de_botones' ); ?> //ESTO ME DA UN NUMERO DEL 1 AL 3, DEL CUAL YO ELIJO DESDE EL EDITOR DE WODSPRESS (con un plugin de WP)
    <?php endwhile; ?>
<?php endif; ?>

lo que quiero es que cuando el numero sea 1 me muestre este codigo:

Inserir CODE, HTML ou PHP:

<?php if ( have_rows( 'descargas' ) ) : ?>
    <?php while ( have_rows( 'descargas' ) ) : the_row(); ?>
        <?php if ( have_rows( 'boton_1' ) ) : ?>
            <?php while ( have_rows( 'boton_1' ) ) : the_row(); ?>
                <?php the_sub_field( 'texto' ); ?>
                <?php the_sub_field( 'url' ); ?>
            <?php endwhile; ?>
        <?php endif; ?>
    <?php endwhile; ?>
<?php endif; ?>

o cuando sea 2 que me muestre este codigo:

Inserir CODE, HTML ou PHP:

<?php if ( have_rows( 'descargas' ) ) : ?>
    <?php while ( have_rows( 'descargas' ) ) : the_row(); ?>
        <?php the_sub_field( 'cantidad_de_botones' ); ?>
        <?php if ( have_rows( 'boton_1' ) ) : ?>
            <?php while ( have_rows( 'boton_1' ) ) : the_row(); ?>
                <?php the_sub_field( 'texto' ); ?>
                <?php the_sub_field( 'url' ); ?>
            <?php endwhile; ?>
        <?php endif; ?>
        <?php if ( have_rows( 'boton_2' ) ) : ?>
            <?php while ( have_rows( 'boton_2' ) ) : the_row(); ?>
                <?php the_sub_field( 'texto' ); ?>
                <?php the_sub_field( 'url' ); ?>
            <?php endwhile; ?>
        <?php endif; ?>
    <?php endwhile; ?>
<?php endif; ?>

Y asi sucesivamente con 3

esos codigo no lo arme yo, me los da un plugin de wordpres
gracias de antemano

Mostrar "algo" conforme o "número" que coloco, com IF e ELSE IF

gusta1996

Hadrien Rivere

Hadrien Rivere

gusta1996

Tópicos similares