javascript – ¿Como mostrar un contenido las veces que un dato (length) tenga registrado?

Estoy desarrollando una pagina web que tiene unas tarjetas con información de un producto.
La informacion la obtengo de Firebase realtime Database.
La función es la siguiente:

function GetInfoProduct(){

  let PathTitleProduct1;

  PathTitleProduct1 = "/Productos/";

  firebase.database().ref(PathTitleProduct1).on('value', (snapshot) => {
    let DatagettedTitleProduct1 = '';
    if(snapshot.val()){
      DatagettedTitleProduct1 = snapshot.val();
      console.log(DatagettedTitleProduct1);
      let TitleProduct1 = document.getElementById('title_product_1');
      TitleProduct1.innerHTML = DatagettedTitleProduct1;
    }
  })

}

La funcion anterior me muestra en consola un resultado de tipo Objeto y me muestra la longitud que tiene este, me muestra que tiene una longitud de 3 valores y dentro de esos 3 valores tiene mas datos.
Lo que quiero saber es como puedo hacer que dependiendo a la longitud del objeto me muestre tantas tarjetas es decir si tengo 3 de logitud que se muestren 3 tarjetas aunque en el html solo tenga registrada una tarjeta y que en cada tarjeta la informacion sea dependiendo a la que se obtiene. el codigo html de una tarjeta es la siguiente.

                    <div class="product_card">

                        <img loading="lazy" src="https://www...exemplo.png" alt="ejemplo">

                        <p id="title_product_1"></p>

                        <p id="subtitle_product_1"></p>

                        <div class="variaciones">

                            <p id="variations_title">Variaciones</p>

                            <p id="v1"></p>

                            <p id="v1"></p>

                            <br>

                        </div>

                        <div class="SizeAndPrice">

                            <p id="SaPtitle">Tamaños y Precios</p>

                            <div class="size">

                                <p id="sizep">Individual</p>
                                <p id="sizep">Pareja</p>
                                <p id="sizep">Familiar</p>

                            </div>

                            <div class="price">

                                <p id="pricep"></p>
                                <p id="pricep"></p>
                                <p id="pricep"></p>

                            </div>                        

                        </div>

                        <div class="btn_buy">

                            <p>Agregar al Carrito</p>                                

                        </div>

                    </div>                    
                    
                </div>

html – Como cambiar el contenido de un contenedor con un navbar

He hecho una pequeña pagina en php y html, he incluido un navbar y un wrapper. Mi idea es la siguiente, me gustaría que al presionar un un boton del navbar o wrapper se cambiara el contenido del contenedor. He probado a hacer div, cada botón tiene su href y lo he utilizado de id en los div pero me salen uno debajo de otro y yo quiero que solo salga uno y al presionar se quite uno y se ponga el otro. Os dejo el código para que veas mas o menos como esta la cosa.

<!-- Sidebar -->
<div class="bg-light border-right" id="sidebar-wrapper">
  <div class="sidebar-heading">Panel de usuario </div>
  <div class="list-group list-group-flush">
    <a href="#Shop" class="list-group-item list-group-item-action bg-light">Tienda</a>
    <a href="#Profile" class="list-group-item list-group-item-action bg-light">Perfil</a>
    <a href="#Contact" class="list-group-item list-group-item-action bg-light">Contacta</a>
  </div>
</div>
  
<!-- /#sidebar-wrapper -->

<!-- Page Content -->
<div id="page-content-wrapper">
    

  <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
    <button class="btn btn-primary" id="menu-toggle">Menu</button>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
        <li class="nav-item active">
          <a class="nav-link" href="../index.html">Inicio <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">       
          <a class="nav-link" href="logout.php">Cerrar Sesion</a>
        </li>
      </ul>
    </div>
      
  </nav>
<div>
    <div id="Shop">
          <img src="../img/carlos1.png" alt="">

    </div>
    <div id="Contact">

          <img src="../img/carlos2.png" alt="">
    </div>       
</div>
</div>
  
<!-- /#page-content-wrapper -->

Lo que me gustaría es que se mostrara una imagen al presionar en shop y la otra al presionar en contacta

c# – ¿Como puedo hacer un DockPanel que tiene una cierta cantidad de botones que al presionar cambien el contenido?

¡Gracias por contribuir en StackOverflow en español con una respuesta!

  • Por favor, asegúrate de responder a la pregunta. ¡Proporciona información y comparte tu investigación!

Pero evita

  • Pedir ayuda o aclaraciones, o responder a otras respuestas.
  • Hacer declaraciones basadas en opiniones; asegúrate de respaldarlas con referencias o con tu propia experiencia personal.

Para obtener más información, consulta nuestros consejos sobre cómo escribir grandes respuestas.

html – ¿Como mostrar el contenido de un dato en especifico con php desde mysql?

Estoy haciendo un sistema para notificaciones de bienvenida que se suben a una base de datos: txt_parrafo
Entonces lo que quiero hacer es que en mi pagina principal se muestre el texto con el id mas alto registrado en mi base de datos Ejemplo:

|id|Texto |
|1 |Bienvenido a esta pagina web|
|2 |Nuevo Producto: “” |
|3 |No olvides …. |

Entonces les muestro mi codigo y le explico como funciona

Un ejemplo de lo que quiero hacer.

<?php

$host = "localhost";
$user = "root";
$password = "";
$db = "despacho_edit_website_admin";

$table_user = "users";
$table_txt = "txt_parrafo";

$conexion = mysqli_connect($host,$user,$password,$db); //<-- Conectamos con la base de datos.//

$queryText = "SELECT Texto from txt_parrafo order by id desc limit 1"; //<-- Escribo la busqueda que voy a realizar, Segun yo aqui estoy diciendo que quiero la columna Texto de la fila con el id mas alto,//

$resultado = mysqli_query($conexion,$queryText); //<--- y aqui obtengo el resultado de la busqueda.//


//Entonces Aquí ya no se que hacer para mostrar el texto que se encuentra en la base de datos.//

?>


<div class="txtnotification">

            <?php
                echo '<p>'.$resultado.'</p>';
            ?>

</div>

Aqui es cuando ya no se que hacer osea como lo muestro por que si coloco dentro de las etiquetas

la variable .$resultado. no aparece nada.
Espero me puedan decir que estoy haciendo mal o como arreglarlo