通貨膨脹與失業的驚人真相:菲利普斯曲線的破滅背後是什麼?

通貨膨脹與失業的驚人真相:菲利普斯曲線的破 <div id="Table" data-kt-scroll-offset="85"></div> </div> <!--end::Description--> </div> <!--end::Job--> </div> <!--end::Content--> </div> <!--end::Body--> </div> <!--end::Main form--> </div> <!--end::Content--> <!--begin::end sidebar--> <div class="d-lg-flex flex-column flex-lg-row-auto w-lg-325px ml-3" data-kt-drawer="true" data-kt-drawer-name="end-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '250px': '300px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_social_end_sidebar_toggle"> </div> <!--end::end sidebar--> </div> <!--end::Row--> <!--begin::Row--> <div class="d-flex flex-row"> <div class="w-100 flex-lg-row-fluid"> <div class="flex-lg-row-fluid"> <div class="mt-10"> <div id="Facts" class="d-flex flex-stack" data-kt-scroll-offset="65"> <h2 class="text-gray-900 teko-700 fs-2x">Trending Knowledge</h2> </div> <div class="separator separator-dashed mb-9"></div> <div class="row g-10"> <div class="col-md-6"> <div class="card-xl-stretch mx-2"> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/researchain/assets/media/stock/600x400/img-73.jpg')" data-fslightbox="lightbox-video-tutorials" href="/static/researchain/assets/media/stock/600x400/img-73.jpg"> </a> <div class="m-0"> <a href="https://researchain.net/zh-hant/fact/economists-forecasting-magic-why-are-empirical-forecasting-models-still-so-popular" class="fs-4 text-gray-900 fw-bold text-hover-primary text-gray-900 lh-base"> 經濟學家的預測神器:為何實證預測模型仍然如此受歡迎?</a> <div class="fw-semibold fs-5 text-gray-600 text-gray-900 my-4"> 在經濟學的領域中,宏觀經濟模型作為分析工具,目的是描述一個國家或地區經濟運作的問題。這些模型不僅用來檢視與總產出、總收入、就業以及價格等宏觀量之間的關係,還被用來進行預測和政策分析。 <blockquote> 宏觀經濟模型可以是邏輯性的、數學的和/或計算的;不同類型的宏觀經濟模型服務於不同的目的,並具有不同的優缺點。 </blockquot</div> </div> </div> </div> <div class="col-md-6"> <div class="card-xl-stretch mx-2"> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/researchain/assets/media/stock/600x400/img-73.jpg')" data-fslightbox="lightbox-video-tutorials" href="/static/researchain/assets/media/stock/600x400/img-73.jpg"> </a> <div class="m-0"> <a href="https://researchain.net/zh-hant/fact/the-secret-of-macroeconomic-models-how-do-they-solve-national-economic-problems" class="fs-4 text-gray-900 fw-bold text-hover-primary text-gray-900 lh-base"> 宏觀經濟模型的奧秘:它們如何解決國家經濟問題?</a> <div class="fw-semibold fs-5 text-gray-600 text-gray-900 my-4"> 在當今複雜的經濟環境中,各國面臨著一系列的經濟問題。宏觀經濟模型作為分析工具,幫助學者和政策制定者理解經濟運行的本質,並探索如何更有效地應對這些挑戰。 <blockquote> 宏觀經濟模型是用來描述一國或某地區經濟問題的分析工具。 </blockquote> 宏觀經濟模型的類型 宏觀經濟模型可分為數種基本類型,包括簡單理論模型、實證預測</div> </div> </div> </div> <div class="col-md-6"> <div class="card-xl-stretch mx-2"> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/researchain/assets/media/stock/600x400/img-73.jpg')" data-fslightbox="lightbox-video-tutorials" href="/static/researchain/assets/media/stock/600x400/img-73.jpg"> </a> <div class="m-0"> <a href="https://researchain.net/zh-hant/fact/simple-models-and-complex-reality-can-the-is-lm-model-really-predict-the-economy" class="fs-4 text-gray-900 fw-bold text-hover-primary text-gray-900 lh-base"> 簡單模型與複雜現實:IS-LM模型真的能預測經濟嗎?</a> <div class="fw-semibold fs-5 text-gray-600 text-gray-900 my-4"> 在宏觀經濟學中,模型的建立無疑是理解一國或某個地區經濟運行的關鍵工具。這些模型幫助學者和政策制定者分析經濟變數之間的關係,從而預測經濟走向。然而,隨著時代的變遷,對於模型的有效性與真實性產生了激烈的討論。尤其是以IS-LM模型為代表的簡單理論模型,是否真的能夠準確預測GDP、失業率、通脹等關鍵經濟指標,仍值得人們深思。 宏觀經濟模型主要可以分為幾類,包括簡單理論模型、經驗預測模型和</div> </div> </div> </div> <!-- <div class="col-md-6"> <div class="card-xl-stretch mx-2"> <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-175px mb-5" style="background-image:url('/static/researchain/assets/media/stock/600x400/img-74.jpg')" data-fslightbox="lightbox-video-tutorials" href="/static/researchain/assets/media/stock/600x400/img-74.jpg"> </a> <div class="m-0"> <a href="pages/user-profile/overview.html" class="fs-4 text-gray-900 fw-bold text-hover-primary text-gray-900 lh-base">Admin Panel - How To Started the Dashboard Tutorial</a> <div class="fw-semibold fs-5 text-gray-600 text-gray-900 my-4"> We’ve been focused on making the from v4 to v5 but we have also not been afraid to step away been focused</div> </div> </div> </div> --> </div> </div> </div> </div> <div class="d-lg-flex flex-column flex-lg-row-auto w-lg-325px ml-3" data-kt-drawer="true" data-kt-drawer-name="end-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '250px': '300px'}" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_social_end_sidebar_toggle"> </div> </div> <!--end::Row--> <!-- --> <!--begin::Row--> <!--end::Row--> <!-- --> <!-- --> <!--begin::Row--> <!--end::Row--> <!-- --> </div> <!--end::Content container--> </div> <!--end::Content--> </div> <!--end::Content wrapper--> <!--begin::Footer--> <div id="kt_app_footer" class="app-footer"> <!--begin::Footer container--> <div class="app-container container-fluid d-flex flex-column flex-md-row flex-center flex-md-stack py-3"> </div> <!--end::Footer container--> </div> <!--end::Footer--> <!--begin::View component--> <div data-kt-drawer="true" data-kt-drawer-activate="true" data-kt-drawer-toggle="#comment_drawer_button" data-kt-drawer-close="#comment_drawer_close" data-kt-drawer-width="450px" data-kt-drawer-direction="end"> <div class="card w-100 shadow-none border-0 rounded-0"> <!--begin::Header--> <div class="card-header"> <h3 class="card-title fw-bold text-gray-900 teko-500 fs-2x pt-2">Responses </h3> <div class="card-toolbar"> <button type="button" class="btn btn-sm btn-icon btn-active-light-primary me-n5" id="comment_drawer_close"> <i class="ki-duotone ki-cross fs-1"> <span class="path1"></span> <span class="path2"></span> </i> </button> </div> </div> <!--end::Header--> <!--begin::Body--> <div class="p-5 scroll-y" id="comment_drawer"> </div> </div> <!--end::Body--> </div> <!--end::View component--> <!--begin::Chat Modal--> <div class="modal bg-body fade" tabindex="-1" id="comment-fullscreen"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content shadow-none"> <div class="modal-header"> <h5 class="modal-title">Responses</h5> <!--begin::Close--> <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close"> <i class="ki-duotone ki-cross fs-2x"><span class="path1"></span><span class="path2"></span></i> </div> <!--end::Close--> </div> <div class="modal-body" id="chat_content_mobile_modal"> <div data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', sm: 'prepend'}" data-kt-swapper-parent="{default: '#chat_content_mobile_modal', sm: '#chat_content_mobile_modal', md:'#comment_drawer', lg:'#comment_drawer'}"> <!--begin::Feeds Widget 3--> <div class="card mb-5 mb-xxl-8 border-0 shadow-sm"> <div class="card-body px-5 pt-6 pb-3"> <!--begin::Body--> <!--begin::Header--> <div class="d-flex align-items-center"> <!--begin::User--> <div class="d-flex align-items-center flex-grow-1"> <!--begin::Avatar--> <div class="symbol symbol-45px me-5"> <!-- <img src="/static/researchain/assets/media/avatars/300-6.jpg" alt="" /> --> <img src="/static/researchain/assets/media/avatars/einstein.svg" alt="Einstein Avatar" class="lozad" /> </div> <!--end::Avatar--> <!--begin::Info--> <div class="d-flex flex-column"> <a href="#" class="text-gray-900 text-hover-primary fs-6 fw-bold"> </a> <!-- <span class="text-gray-500 fw-bold"> </span> --> </div> <!--end::Info--> </div> <!--end::User--> </div> <!--end::Header--> <!--begin::Form--> <!--begin::Editor--> <form method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="DnvxQyRxm9MJUHLPUEisTDYq8zmzx4qXQj31XndRMBoxgCz0H9MeA8SXbzYqfE2D"> <textarea id="DisableTextarea" name="comment_content" class="form-control border-0 p-0 pe-10 resize-none min-h-25px mt-5" data-kt-autosize="true" rows="4">What is on your mind?</textarea> <script> // Function to disable the textarea and redirect the user function handleTextareaClick() { // Redirect to the login page window.location.href = "https://researchain.net/user/login/"; // Change 'login.html' to your login page URL } // Event delegation to handle textarea click document.addEventListener( 'DOMContentLoaded', function () { const textarea = document.getElementById( 'DisableTextarea' ); textarea.addEventListener( 'focus', function () { handleTextareaClick(); } ); } ); </script> <!-- --> <!--end::Editor--> <div class="separator"></div> <!--begin::Toolbar--> <div class="container-fluid p-0 mt-2 ms-n3"> <div class="d-flex justify-content-between"> <div> <!-- <span class="btn btn-icon btn-sm btn-active-color-primary"> <i class="fas fa-bold fs-4"></i> </span> <span class="btn btn-icon btn-sm btn-active-color-primary"> <i class="fas fa-italic fs-4"></i> </span> --> </div> <div> <a href="https://researchain.net/user/login/"> <i class="ki-duotone ki-send fs-1"> <span class="path1"></span> <span class="path2"></span> </i> </a> <!-- <button type="submit" class="btn btn-icon btn-sm btn-active-color-primary me-n5"> <i class="ki-duotone ki-send fs-1"> <span class="path1"></span> <span class="path2"></span> </i> </button> --> </div> </div> </div> </form> <!--end::Toolbar--> <!--end::Form--> <!--end::Body--> </div> </div> <!--end::Feeds Widget 3--> <!--begin::Feeds Widget 3--> <div class="card border-0 mb-5 mb-xxl-8 shadow-none"> <!--begin::Body--> <div class="card-body ps-1 pe-0 pt-6 pb-3"> <!-- <img src='https://avataaars.io/?avatarStyle=Circle&topType= &accessoriesType= &hairColor= &hatColor= &facialHairType= &facialHairColor= &clotheType= &clotheColor= &graphicType= &eyeType= &eyebrowType= &mouthType= &skinColor= ' alt="Avatar" class="lozad" /> --> <!--begin::Header--> <!--end::Body--> </div> <!--end::Feeds Widget 3--> </div> </div> </div> </div> </div> </div> <!--end:::Main--> <!--end::Wrapper--> <!--begin::Header--> <!--begin::Mobile Bottom ToolBar--> <div id="kt_app_bottom_mobile_toolbar" class="app-bottom-mobile-toolbar d-sm-none"> <!--begin::Container--> <div class="app-container container-fluid align-items-stretch justify-content-center mt-6" id="kt_app_bottom_mobile_toolbar_container"> <!--begin::ToolBar--> <div class="row"> <!--begin::LikeButton--> <div class="app-navbar-item col-4"> <a href="https://researchain.net/user/login/" class="nav-link btn btn-sm btn-color-gray-inverse btn-active-color-researchain-orange fw-bold px-4 me-1 teko-500 fs-2x bottom-toolbar"> <i class="ki-outline ki-heart fs-2x me-1"> </i> </a> </div> <!--end::LikeButton--> <!--begin::CommentButton--> <div class=" app-navbar-item col-4"> <!--begin::Modal toggle--> <div class="nav-link btn btn-sm btn-color-gray-inverse btn-active-color-success fw-bold px-4 me-1 collapsible teko-500 fs-2x position-relative" data-bs-toggle="modal" data-bs-target="#comment-fullscreen"> <i class="ki-outline ki-message-text-2 fs-2x ps-2"> </i> <span class="bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink"> </span> </div> <!--end::Modal toggle--> </div> <!--end::CommentButton--> <!--begin::ShareButton--> <div class="app-navbar-item col-4"> <!--begin::Menu toggle--> <a class="nav-link btn btn-sm btn-color-gray-inverse btn-active-color-primary fw-bold px-0 fs-2x teko-500 position-relative" data-kt-menu-trigger="{default:'click', lg: 'hover'}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end"> <i class="ki-outline ki-exit-up fs-2x"> </i> </a> <!--end::Menu toggle--> <!--begin::Menu--> <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-title-gray-700 menu-icon-gray-500 menu-active-bg menu-state-color fw-semibold py-4 fs-base w-175px" data-kt-menu="true" data-kt-element="social-media-menu"> <!--begin::Menu item--> <div class="menu-item px-3 my-0"> <a onclick="copyUrl()" class="menu-link px-3 py-2 hover-scale"> <span class="menu-icon" data-kt-element="icon"> <i class="ki-duotone ki-fasten fs-2x"> <span class="path1"></span> <span class="path2"></span> </i> </span> <span class="menu-title fs-2x pt-2 teko-500">Copy link</span> </a> <script> function copyUrl() { navigator.clipboard.writeText( window .location.href ); $( '.alert' ).removeClass( 'd-none' ); setTimeout( () => { $( '.alert' ).addClass( 'd-none' ); $( '#URLCopiedModal' ).modal( 'hide' ); }, 2000 ); } </script> </div> <!--end::Menu item--> <!--begin::Menu item--> <div class="menu-item px-3 my-0 hover-scale"> <a href="https://www.facebook.com/sharer.php?u=https://researchain.net/zh-hant/fact/the-amazing-truth-about-inflation-and-unemployment-what-is-behind-the-phillips-curve-s-collapse" class="menu-link px-3 py-2"> <span class="menu-icon" data-kt-element="icon"> <i class="ki-duotone ki-facebook fs-2x"> <span class="path1"></span> <span class="path2"></span> </i> </span> <span class="menu-title fs-2x pt-2 teko-500">Facebook</span> </a> </div> <!--end::Menu item--> <!--begin::Menu item--> <div class="menu-item px-3 my-0 hover-scale"> <a href="https://twitter.com/intent/tweet?url=https://researchain.net/zh-hant/fact/the-amazing-truth-about-inflation-and-unemployment-what-is-behind-the-phillips-curve-s-collapse" class="menu-link px-3 py-2"> <span class="menu-icon" data-kt-element="icon"> <i class="ki-duotone ki-twitter fs-2x"> <span class="path1"></span> <span class="path2"></span> </i> </span> <span class="menu-title fs-2x pt-2 teko-500">Twitter</span> </a> </div> <!--end::Menu item--> </div> <!--end::Menu--> </div> <!--end::ShareButton--> </div> <!--end::ToolBar--> </div> <!--end::Container--> </div> <!--end::Mobile Bottom ToolBar--> </div> <!--end::App--> <!--begin::Scrolltop--> <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true"> <i class="ki-duotone ki-arrow-up"> <span class="path1"></span> <span class="path2"></span> </i> </div> <!--end::Scrolltop--> <!--begin::Javascript--> <script> var hostUrl = "assets/"; </script> <!--begin::Global Javascript Bundle(mandatory for all pages)--> <script src="/static/researchain/assets/plugins/global/plugins.bundle.js"></script> <script src="/static/researchain/assets/js/scripts.bundle.js"></script> <!--end::Global Javascript Bundle--> <!--begin::Vendors Javascript(used for this page only)--> <script src="/static/researchain/assets/plugins/custom/fslightbox/fslightbox.bundle.js"> </script> <!--end::Vendors Javascript--> <!--begin:: Stylesheets ??? --> <link href="/static/researchain/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" /> <!--end:: Stylesheets--> <!--end::Javascript--> <script> var didScroll; var lastScrollTop = 0; var delta = 5; var headerHeight = $( '#kt_app_header' ).outerHeight(); var bottomHeight = $( '#kt_app_bottom_mobile_toolbar' ).outerHeight(); $( window ).scroll( function () { didScroll = true; } ); setInterval( function () { if ( didScroll ) { hasScrolled(); didScroll = false; } }, 250 ); function hasScrolled() { var st = $( window ).scrollTop(); // Get current scroll position // Ensure the user has scrolled more than the delta to prevent small scroll triggers if ( Math.abs( lastScrollTop - st ) <= delta ) return; // If scrolling down and beyond the height of the navbar if ( st > lastScrollTop && st > headerHeight ) { // Scroll Down - hide the navbar $( "#kt_app_header" ).css( "top", "-80px" ); } else { // Scroll Up - show the navbar if ( st + $( window ).height() < $( document ).height() ) { $( "#kt_app_header" ).css( "top", "0" ); } } if ( st > lastScrollTop && st > bottomHeight ) { // Scroll Down - hide the navbar $( "#kt_app_bottom_mobile_toolbar" ).css( "bottom", "-80px" ); } else { // Scroll Up - show the navbar if ( st + $( window ).height() < $( document ).height() ) { $( "#kt_app_bottom_mobile_toolbar" ).css( "bottom", "0" ); } } lastScrollTop = st; // Update the last scroll position } </script> <script> // Attach the click event to the body and delegate it to the .like-toggle element $( 'body' ).on( 'click', '.bottom-toolbar', function () { toggleHeart( $( this ) ); $( this ).find( '.path1' ).remove(); $( this ).find( '.path2' ).remove(); } ); // Function to toggle the 'filled' class on the clicked heart icon function toggleHeart( item ) { $( item.find( '.ki-heart' ) ).toggleClass( 'fill' ); // Optionally, toggle between full heart and empty heart if ( $( item.find( '.ki-heart' ) ).hasClass( 'fill' ) ) { $( item.find( '.ki-heart' ) ).removeClass( 'ki-outline' ).addClass( 'ki-solid' ).css( 'color', '#F47C3B' ); $( item ).addClass( 'rc-orange' ); } else { $( item.find( '.ki-heart' ) ).removeClass( 'ki-solid' ).addClass( 'ki-outline' ).css( 'color', '' ); $( item ).removeClass( 'rc-orange' ); } } </script> <script> // Attach the click event to the body and delegate it to the .like-toggle element $( 'body' ).on( 'click', '.bottom-toolbar', function () { toggleBookmark( $( this ) ); $( this ).find( '.path1' ).remove(); $( this ).find( '.path2' ).remove(); } ); // Function to toggle the 'filled' class on the clicked heart icon function toggleBookmark( item ) { $( item.find( '.ki-bookmark' ) ).toggleClass( 'fill' ); // Optionally, toggle between full bookmark and empty bookmark if ( $( item.find( '.ki-bookmark' ) ).hasClass( 'fill' ) ) { $( item.find( '.ki-bookmark' ) ).removeClass( 'ki-outline' ).addClass( 'ki-solid' ).css( 'color', '#3BA6B3' ); $( item ).addClass( 'rc-blue' ); } else { $( item.find( '.ki-bookmark' ) ).removeClass( 'ki-solid' ).addClass( 'ki-outline' ).css( 'color', '' ); $( item ).removeClass( 'rc-blue' ); } } </script> <script> $( 'body' ).on( 'click', '.readmoreBtn', function () { var contentText = $( '.readmoreText' ); if ( contentText.hasClass( 'text-truncate' ) ) { contentText.removeClass( 'text-truncate' ); contentText.css( 'max-height', 'none' ); // Remove height limit $( this ).text( '' ); // Change button text } } ); </script> <script type="text/javascript" src="/static/researchain/assets/js/selection.js"> </script> <script type="text/javascript"> var selection = new Selection(); selection.config( { facebook: true, twitter: true, search: true, copy: true, speak: true, backgroundColor: '#222', iconColor: '#fff', } ).init(); </script> <script> $( window ).scroll( function () { var scrollDistance = $( window ).scrollTop(); scrollDistance += 95; // Shift by 24px $( '.page-section' ).each( function ( i ) { if ( $( this ).position().top <= scrollDistance ) { $( '.page-navigation.hover' ).removeClass( 'hover' ); $( '.page-navigation' ).eq( i ).addClass( 'hover' ); if ( scrollDistance < -20 ) { $( '.page-navigation.hover' ).removeClass( 'hover' ); } } } ); } ).scroll(); </script> <script> var KTLanguageSearch = function () { var searchInput, resultsContainer, noResultsContainer, allItems, languageTitle, countryTitle, mainElement; var mainElementHidden = false; // Flag to ensure we hide the main element only once // Function to filter and display results var filterResults = function ( query ) { var hasResults = false; // Convert query to lowercase for case-insensitive comparison var searchQuery = query.toLowerCase(); // Hide the main element when the search starts, if not already hidden if ( !mainElementHidden && searchQuery.length > 0 ) { mainElement.classList.add( 'd-none' ); mainElementHidden = true; // Mark it as hidden so it doesn't show again } // Proceed with filtering even if only 1 character is typed allItems.forEach( function ( item ) { var itemNameElement = item.querySelector( '.menu-link > .menu-title' ); var itemName = itemNameElement ? itemNameElement.textContent .toLowerCase() : ''; if ( itemName.includes( searchQuery ) ) { item.classList.remove( 'd-none' ); hasResults = true; } else { item.classList.add( 'd-none' ); } } ); // Show or hide the category titles based on results if ( hasResults ) { resultsContainer.classList.remove( 'd-none' ); noResultsContainer.classList.add( 'd-none' ); languageTitle.classList.remove( 'd-none' ); countryTitle.classList.remove( 'd-none' ); } else { // Hide category titles if no results are found resultsContainer.classList.add( 'd-none' ); noResultsContainer.classList.remove( 'd-none' ); languageTitle.classList.add( 'd-none' ); countryTitle.classList.add( 'd-none' ); } }; return { init: function () { var e = document.querySelector( "#kt_language_search" ); if ( e ) { var i = e.querySelector( '[data-kt-search-element="wrapper"]' ); var t = e.querySelector( '[data-kt-search-element="main"]' ); // Main element var n = e.querySelector( '[data-kt-search-element="results"]' ); var r = e.querySelector( '[data-kt-search-element="empty"]' ); searchInput = e.querySelector( '[data-kt-search-element="input"]' ); resultsContainer = n; noResultsContainer = r; mainElement = t; // Assign the main element // Select category titles languageTitle = document.querySelector( '[data-kt-search-element="category-title"]:nth-of-type(1)' ); countryTitle = document.querySelector( '[data-kt-search-element="category-title"]:nth-of-type(2)' ); // Select all items to filter allItems = Array.from( document.querySelectorAll( '#languageResults .menu-item' ) ); var c = new KTSearch( e ); // Add a keyup event listener to handle real-time searching searchInput.addEventListener( 'keyup', function () { filterResults( searchInput.value ); } ); c.on( "kt.search.clear", function () { searchInput.value = ''; // Clear the input field allItems.forEach( function ( item ) { item.classList.remove( 'd-none' ); // Show all items } ); resultsContainer.classList.remove( 'd-none' ); noResultsContainer.classList.add( 'd-none' ); languageTitle.classList.remove( 'd-none' ); countryTitle.classList.remove( 'd-none' ); // Do not show mainElement again once hidden } ); // Handling clicks to toggle views var o = document.querySelector( '[data-kt-search-element="view"]' ); var a = document.querySelector( '[data-kt-search-element="toggle-view"]' ); if ( o && a ) { a.addEventListener( "click", function () { i.classList.add( 'd-none' ); o.classList.remove( 'd-none' ); } ); } var l = document.querySelector( '[data-kt-search-element="back-view"]' ); if ( l ) { l.addEventListener( "click", function () { i.classList.remove( 'd-none' ); o.classList.add( 'd-none' ); } ); } } } } }(); KTUtil.onDOMContentLoaded( function () { KTLanguageSearch.init(); } ); </script> <script> document.addEventListener( 'DOMContentLoaded', function () { // Get all radio inputs for quizzes 1 to 10 let allInputs = []; for ( let i = 1; i <= 10; i++ ) { let inputs = document.querySelectorAll( `input[name="quiz${i}"]` ); allInputs = allInputs.concat( Array.from( inputs ) ); } // Define correct answers const correctAnswers = { 'Quiz_1_C': true, 'Quiz_2_C': true, 'Quiz_3_B': true, 'Quiz_4_C': true, 'Quiz_5_B': true, 'Quiz_6_B': true, 'Quiz_7_B': true, 'Quiz_8_B': true, 'Quiz_9_C': true, 'Quiz_10_B': true }; // Variables to check if an answer has been selected for each quiz let answerSelected = {}; // Initialize answerSelected for each quiz for ( let i = 1; i <= 10; i++ ) { answerSelected[ `quiz${i}` ] = false; } // Add event listeners to each input allInputs.forEach( input => { input.addEventListener( 'change', function ( event ) { let selectedInput = event.target; let selectedQuiz = selectedInput.name; let selectedLabel = document.querySelector( `label[for="${selectedInput.id}"]` ); let explanationDiv = document.getElementById( `explanation${selectedQuiz.replace('quiz', '')}` ); // Check if an answer has already been selected for this quiz if ( answerSelected[ selectedQuiz ] ) { return; // Do nothing if an answer is already selected } answerSelected[ selectedQuiz ] = true; // Set the flag to true upon first selection // Mark the correct answer allInputs.forEach( inputItem => { if ( inputItem.name === selectedQuiz && correctAnswers[ inputItem.id ] ) { let correctLabel = document.querySelector( `label[for="${inputItem.id}"]` ); correctLabel.classList.remove( 'btn-outline', 'btn-outline-dashed', 'btn-active-light-primary' ); correctLabel.classList.add( 'btn-success' ); } } ); // Mark the user's selected answer if it's incorrect if ( !correctAnswers[ selectedInput.id ] ) { selectedLabel.classList.remove( 'btn-outline', 'btn-outline-dashed', 'btn-active-light-primary' ); selectedLabel.classList.add( 'btn-danger' ); } // Show the explanation if ( explanationDiv ) { explanationDiv.classList.remove( 'd-none' ); } } ); } ); } ); </script> <script async src="https://cse.google.com/cse.js?cx=03fb4861ab66678f3"></script> </body> <!--end::Body--> </html> <!-- 404 Page --> <!-- BreadcrumnList--> <!-- DataHighlighter --> <!-- www http:// https:// 301 redirect --> <!-- Trust Reference --> <!-- ADs Layout --> <!-- Ahref Title Anchor --> <!-- img lazyload alt FileName ImgSiteMap loading="lazy"--> <!-- AMP --> <!-- Robots.txt --> <!-- Web.dev Documentation about speed like font--> <!-- Noto Font from Google--> <!-- <div class="overlay mb-10" style="z-index: 9999;"> <iframe class="embed-responsive-item card-rounded h-400px w-100" src="https://www.youtube.com/embed/TWdDZYNqlg4" allowfullscreen="allowfullscreen"></iframe> </div> --> <!-- <a class="d-block bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-350px" style="background-image:url('/static/researchain/assets/media/test/image.webp')" data-fslightbox="lightbox-video-tutorials" href="/static/researchain/assets/media/test/image.webp"> </a> --> <!--begin::Image--> <!-- <a class="d-block overlay bgi-no-repeat bgi-size-cover bgi-position-center card-rounded position-relative min-h-400px mb-3" style="background-image:url('/static/researchain/assets/media/test/image.webp')" data-fslightbox="lightbox-video-tutorials" href="https://www.youtube.com/embed/btornGtLwIo"> <img src="/static/researchain/assets/media/svg/misc/video-play-red.svg" class="position-absolute top-50 start-50 translate-middle" alt="" /> </a> --><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="be50e167bb5e98296890a0fc-|49" defer></script>