كمك در رابطه با كد جاوا اسكريپت

سلام. در رابطه با كد جاوا اسكريپت يه كمك ميخاستم. يسري محصول با اسم و قيمت گذاشتم و ميخاستم ايونت onclick بزارم تا وقتي روشون كليك ميشه پايين صفحه توي يه جدول شبيه فاكتور اسم و قيمت هرمحصولي كه روش كليك شده نوشته بشه.كد جاوا اسكريپت چجوري بزنم كه بفهمه بايد اسم و قيمت همون محصولي كه كليك شده روش نوشته بشه و براي هر محصول فانكشن جدا ننويسم.

كد html:

<div class="row3">
    <div class="favproduct">
    <img class="favproductimg" src="products/oceancandles.jpg"></br>
    <p class="favproductname"><strong>The ocean candle</strong></p></br>
    <p style="font-size:13px; text-align:center;"><em>Price: 40,000 T</em></p>
    </div>

    <div class="favproduct">
    <img class="favproductimg" src="products/orangeandcinnamoncandles.jpg"></br>
    <p class="favproductname"><strong>The orange and cinnamon candle</strong></p></br>
    <p style="font-size:13px; text-align:center;"><em>Price: 95,000 T</em></p>
    </div>

    <div class="favproduct">
    <img class="favproductimg" src="products/rainbowcandles.jpg"></br>
    <p class="favproductname"><strong>The rainbow candle</strong></p></br>
    <p style="font-size:13px; text-align:center;"><em>Price: 50,000 T</em></p>
    </div>

    <div class="favproduct">
    <img class="favproductimg" src="products/transparentjellycandles.jpg"></br>
    <p class="favproductname"><strong>The transparent jelly candle</strong></p></br>
    <p style="font-size:13px; text-align:center;"><em>Price: 69,000 T</em></p>
    </div>

كد css:

.favproduct{
        display:inline;
        overflow:auto;
        border:0px solid black;
        margin-left:42px;
        margin-right:42px;
        margin-top:25px;
        margin-bottom:25px;
        width:220px;
        height:300px;
        float:left;
        border-radius:15px;
        box-shadow:1px 1px 1px 1px grey;
        background-image:linear-gradient(to bottom , #f3f2f1 , #c1afa4 );
        cursor:pointer;
}
.favproduct:hover{
        background-image:none;
        background-color:#c1afa4;
}
.favproductimg{
        width:138px;
        height:138px;
        border-radius:8px;
        display: block;
        margin-top:12px;
        margin-left: auto;
        margin-right: auto;
}
.favproductname{
        font-size:14px;
        text-align:center;
}