tengo el siguiente código

 if (K.API.Core.runWhenElementPresent('.has-flag', function () { var KamTestTemplate= '<div id="KamNotice"<span>text</span></div>'; document.querySelector('#product-transaction-area').insertAdjacentHTML('afterbegin', KamNoticeTemplate) })); else if (K.API.Core.runWhenElementPresent('.product-media', function () { var KamTestTemplate= '<div id="KamNotice"<span>text</span></div>'; document.querySelector('.product-media').insertAdjacentHTML('afterbegin', KamNoticeTemplate) }));

Quiero que si el primer div has-flag , el contenido se muestre en el transaction-area , y si el div tiene product-media , se muestre dentro del cuadro de contenido product-media , pero algo está mal con mi código Obtengo el contenido en ambas cajas, no en una.