Javascript 为什么我的代码在我的网站上出现了两次？

我是新来的，在编码方面我是个新手。我一直在自学一些基础知识，但我似乎无法理解这一点

我正在尝试将这段代码集成到我的网站中。这是一个由Eventbrite自动生成的代码。不知怎的，整件事在我的网站前端显示了两次op。我正在将Divi builder与代码模块一起使用。我希望有人能帮忙。我在谷歌上搜索了一个多小时，但似乎找不到解决办法

<div id="eventbrite-widget-container-107705263342"></div>

<script src="https://www.eventbrite.nl/static/widgets/eb_widgets.js"></script>

<script type="text/javascript">
    var exampleCallback = function() {
        console.log('Order complete!');
    };

    window.EBWidgets.createWidget({
        // Required
        widgetType: 'checkout',
        eventId: '107705263342',
        iframeContainerId: 'eventbrite-widget-container-107705263342',

        // Optional
        iframeContainerHeight: 425,  // Widget height in pixels. Defaults to a minimum of 425px if not provided
        onOrderComplete: exampleCallback  // Method called when an order has successfully completed
    });
</script>

var exampleCallback=函数（）{
console.log（'Order complete！'）；
};
window.EBWidgets.createWidget({
//必需的
widgetType:“签出”，
事件ID:'107705263342'，
iframeContainerId:'eventbrite-widget-container-107705263342'，
//可选的
iframeContainerHeight:425，//以像素为单位的小部件高度。如果未提供，则默认为最小425px
onOrderComplete:exampleCallback//订单成功完成时调用的方法
});

OK，我通过将代码放在文本模块而不是代码模块中来修复它。这似乎奏效了！