Syntax of HTML <title> Element

Ashima Vishvkarma

12y

627

Page Title< /title>Title tag use to write page Title. </p> </div> </div> <div class="post_edit_delete"> </div> <div class="listing"> <div class="list-items feed-item"> <div class="user-details"> <div class="list-foot-action-ctrl"> <a class="userImageLeft display_none_mobile" href="https://test.c-sharpcorner.com/members/ashish-srivastava24">Ashish Srivastava</a> <div title="Updated Date" class="action-item"> <i class="icon-sprite-02 icon-time"></i><span class="post-time"> 8y </span> </div> <a onclick="likecount('12833');" id="ButtonLikeAnswer" commandname="UpdateLike" tooltip="Like" class="reply_Like"> <span><i id="like-12833" class="d-icon like"></i></span> <div id="12833"> <span id="LabelLikes" class="count">0</span> </div> </a> </div> </div> </div> </div> </div> </div> </ul> <div class="clear"> </div> </div> </div> <div class="clear"></div> <div style="display: none"> <div id="ctl00_MainContent_UpdatePanelSlide"> <div class="prevNextIdeas display_none_mobile"> <div id="ctl00_MainContent_liPrevious" class="PrevNextIdea clearfix"> <a href="https://test.c-sharpcorner.com/members/ashima-vishvkarma" id="ctl00_MainContent_AnchorPreviousAuthor" class="userImage"> <img src="https://test.c-sharpcorner.com/UploadFile/AuthorImage/defaultauthorimage.jpg" id="ctl00_MainContent_imgPreviousAuthor" style="width: 35px; height: 35px; display: block;" /></a> <div class="userDetail"> <a id="ctl00_MainContent_HyperlinkPrevious" class="prevIdea" href="https://test.c-sharpcorner.com/interview-question/html-ltheadgt-elements">HTML <head> Elements</a> </div> </div> <div id="ctl00_MainContent_liNext" class="NextIdea clearfix"> <a id="ctl00_MainContent_HyperlinkNext" class="prevIdea" href="https://test.c-sharpcorner.com/interview-question/define-html-ltbasegt-element">Define HTML <base> Element</a> <a href="https://test.c-sharpcorner.com/members/ashima-vishvkarma" id="ctl00_MainContent_AnchorNextAuthor" class="userImage"> <img src="https://test.c-sharpcorner.com/UploadFile/AuthorImage/defaultauthorimage.jpg" id="ctl00_MainContent_imgNextAuthor" style="width: 35px; height: 35px; display: block;" class="userImage" /></a> </div> </div> <input type="hidden" name="ctl00$MainContent$hiddenFieldNext" id="ctl00_MainContent_hiddenFieldNext" value="5086" /> <input type="hidden" name="ctl00$MainContent$hiddenFieldPrevious" id="ctl00_MainContent_hiddenFieldPrevious" value="5084" /> </div> </div> <style> .overlay-bg-response-alert { background-color: rgba(0, 0, 0, .5); width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 9999; } .popup-window-response-alert { margin: auto; position: relative; top: 65px; background-color: var(--popupBg); height: auto; max-height: 660px; overflow: hidden; overflow-y: auto; max-width: 470px; } .popup-wrap-response-alert { padding: 0px 20px 0px 20px; } .popup-header-response-alert { text-align: center; background-color: var(--popupBg); padding: 10px; line-height: 30px; font-size: 18px; color: var(--fontColor); font-weight: bold; position: sticky; top: 0px; } .popup-heading-response-alert, .popup-heading-response-alert > span { font-size: 18px; color: var(--fontColor); font-weight: 600; line-height: 2; } .icon-close { cursor: pointer; } .icon-close::before { transform: rotate(45deg); } .icon-close::before, .icon-close::after { content: ""; display: block; position: absolute; top: 28px; right: 30px; background-color: #ffffff; width: 20px; height: 3px; border-radius: 2px; } .icon-close::after { transform: rotate(-45deg); } .popup-body-response-alert { overflow-y: auto; display: flex; justify-content: center; padding: 12px 24px; align-items: center; } .messagebody-alert { font-size: 18px; color: var(--textColor); font-weight: 300; } .popup-footer-response-alert { width: auto; text-align: center; padding: 12px 0; position: relative; } #PopUp-body-alert { display: none; } </style> <div class="PopupContent-response" id="PopUp-body-alert"> <div id="getStartedpopup_alert" class="overlay-bg-response-alert"> <div class="popup-window-response-alert"> <div class="popup-wrap-response-alert"> <div class="popup-header-response-alert"> <div class="popup-heading-response-alert"> <span>Message</span> </div> <div id="btnFeedbackPopupClose_alert" class="icon-close" title="Close" data-dismiss="modal" onclick="hidePopupAlert()"></div> </div> <div class="popup-body-response-alert"> <div class="messagebody-alert" id="messagebody_alert"></div> </div> <div class="popup-footer-response-alert"> <button id="btnsubmit_alert" type="button" class="btn success-btn" style="margin-right: 20px;">OK</button> <button id="btncancel_alert" type="button" class="btn danger-btn" onclick="hidePopupAlert()">Close</button> </div> </div> </div> </div> </div> <script> function showPopupAlert(message, onConfirm) { document.getElementById('PopUp-body-alert').style.display = 'block'; // Set the message body text document.getElementById('messagebody_alert').innerHTML = message; // Ensure the buttons are visible document.getElementById('btnsubmit_alert').style.display = 'inline'; document.getElementById('btncancel_alert').style.display = 'inline'; // Set the on click event for the Submit button document.getElementById('btnsubmit_alert').onclick = function () { onConfirm(); document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup after confirmation }; // Set the on click event for the Cancel button document.getElementById('btncancel_alert').onclick = function () { document.getElementById('PopUp-body-alert').style.display = 'none'; // Hide the popup when cancel is clicked }; } function hidePopupAlert() { // Hide the popup document.getElementById('PopUp-body-alert').style.display = 'none'; } </script> </section> <aside class="aside-right"> <div id="ctl00_RightSideCommonControl_LeaderBoard_leaderboard" class="wrap leaderboard-list"> <div class="wrap-heading"> <div class="heading">Leaderboard</div> <a href="/members" class="btn-view-all">View all</a> </div> <div class="listing" title="Rank Up"> <div class="list-items"> <div class="list-img online"> <a href='https://test.c-sharpcorner.com/members/rinki5'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44' alt='Rinki ' onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'" title='Rinki ' class="img-circle"> </a> </div> <div class="user-details contributors-details"> <a href='https://test.c-sharpcorner.com/members/rinki5'> <p class="user-name">Rinki </p> </a> </div> </div> <div class="user-states"><i class="icon-sprite-02 icon-up"></i> <span class="rank-points-up"> +7 </span> </div> </div> <div class="listing" title="No change in rank"> <div class="list-items"> <div class="list-img online"> <a href='https://test.c-sharpcorner.com/members/rinky-jain'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44' alt='Rinky Jain' onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'" title='Rinky Jain' class="img-circle"> </a> </div> <div class="user-details contributors-details"> <a href='https://test.c-sharpcorner.com/members/rinky-jain'> <p class="user-name">Rinky Jain</p> </a> </div> </div> <div class="user-states"><i class="icon-sprite-02 no-change"></i> <span class="rank-points-up"> - </span> </div> </div> <div class="listing" title="Rank Down"> <div class="list-items"> <div class="list-img online"> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/524fad20240111112121.jpeg.ashx?height=44&width=44' alt='Shivam Payasi' onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'" title='Shivam Payasi' class="img-circle"> </a> </div> <div class="user-details contributors-details"> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3'> <p class="user-name">Shivam Payasi</p> </a> </div> </div> <div class="user-states"><i class="icon-sprite-02 icon-down"></i> <span class="rank-points-down"> -1 </span> </div> </div> </div> <style> .member-rightsidebar { align-items:start; gap: 2px !important; } .icon-location-right{ margin-top:2px; } </style> <div id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_yesterdayleader" class="wrap"> <div class="wrap-heading"> <div class="heading" id="title">Yesterday's leader</div> <a href="/members" class="btn-view-all">View all</a> </div> <div class="slider-container"> <div class="slider"> <div class="slides"> <div id="slides__1" class="slide"> <div class="member-card-md"> <div class="member-card-md-list"> <div class="member-info-wrap"> <div class="member-photo haveMVP"> <a href='https://test.c-sharpcorner.com/members/baibhav-kumar'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/uteyv3o120240604101218.png.ashx?height=80&width=80' alt='Baibhav Kumar' title='Baibhav Kumar' class="img-circle"> </a> </div> <div class="member-info"> <div class="member-name"> <a href='https://test.c-sharpcorner.com/members/baibhav-kumar'> Baibhav Kumar </a> </div> <div class="member-skills"> HTML, CSS, JavaScript, Bootstrap, Wordpress, Python, Java, C, C++, BigData, MongoDB, MySQL </div> <div class="member-location member-rightsidebar"> <i class="icon-sprite-02 icon-location icon-location-right"></i> <div> <span class="state-name">Gurugram</span> <span class="country-name">(India)</span> </div> </div> </div> </div> <div class="member-card-md-icons"> <a href="/top-members"> <div class="mbr-rank-md" title="Rank"> <i class="rank-widget-md-icon md-icon-rank"></i><span>10</span> </div> </a> <a href="https://test.c-sharpcorner.com/members/baibhav-kumar/top-articles"> <div class="mbr-read-md" title="Read"> <i class="rank-widget-md-icon md-icon-read"></i><span>949</span> </div> </a> <a href="https://test.c-sharpcorner.com/members/baibhav-kumar/author-points"> <div class="mbr-rept-md" title="Reputation"> <i class="rank-widget-md-icon md-icon-rept"></i><span>22.5k</span> </div> </a> <div class="mbr-rept-md top-author" title="Top 10"> <i class="top-author-icon"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2515_21609)"> <path d="M29.957 11.558C29.874 11.3024 29.6786 11.0989 29.4267 11.0055L21.159 7.94021L15.6893 1.02491C15.5226 0.814153 15.2687 0.691223 15 0.691223C14.7313 0.691223 14.4773 0.814153 14.3106 1.02491L8.84088 7.94021L0.573361 11.0055C0.321408 11.0989 0.126057 11.3024 0.0430292 11.558C-0.0399981 11.8135 -0.00161924 12.093 0.147326 12.3167L5.0341 19.6561L5.39446 28.4658C5.40547 28.7343 5.53865 28.983 5.75604 29.1409C5.97342 29.2989 6.25115 29.3488 6.50985 29.2762L15 26.8963L23.4901 29.2761C23.7488 29.3487 24.0266 29.2989 24.2439 29.1409C24.4613 28.983 24.5945 28.7343 24.6055 28.4658L24.9659 19.656L29.8527 12.3166C30.0016 12.093 30.04 11.8135 29.957 11.558Z" fill="#FF6600" /> <path d="M15.0001 26.8963L23.4902 29.2761C23.7489 29.3487 24.0267 29.2989 24.244 29.1409C24.4614 28.983 24.5946 28.7342 24.6056 28.4658L24.966 19.656L29.8528 12.3166C30.0017 12.093 30.0401 11.8135 29.9571 11.5579C29.874 11.3024 29.6787 11.0988 29.4267 11.0054L21.1591 7.94015L15.6894 1.02485C15.5227 0.814092 15.2687 0.691162 15 0.691162V26.8963H15.0001Z" fill="#FF822F" /> <path d="M14.5293 12.4588C13.004 12.4588 11.7676 13.6923 11.7676 15.2205V17.1033C11.7676 18.6031 12.9804 19.865 14.5293 19.865C16.0789 19.865 17.291 18.6025 17.291 17.1033V15.2205C17.291 13.6951 16.0577 12.4588 14.5293 12.4588ZM15.5332 17.1034C15.5332 17.6494 15.091 18.1072 14.5293 18.1072C13.9679 18.1072 13.5254 17.6494 13.5254 17.1034V15.2206C13.5254 14.6658 13.9739 14.2167 14.5293 14.2167C15.0829 14.2167 15.5332 14.664 15.5332 15.2206V17.1034Z" fill="white" /> <path d="M10.293 12.4588H7.46875C6.98336 12.4588 6.58984 12.8523 6.58984 13.3377C6.58984 13.8231 6.98336 14.2166 7.46875 14.2166H8.00195V18.9861C8.00195 19.4715 8.39547 19.8651 8.88086 19.8651C9.36625 19.8651 9.75977 19.4715 9.75977 18.9861V14.2166H10.293C10.7784 14.2166 11.1719 13.8231 11.1719 13.3377C11.1719 12.8523 10.7784 12.4588 10.293 12.4588Z" fill="white" /> <path d="M20.6484 12.4588H19.2363C18.7509 12.4588 18.3574 12.8523 18.3574 13.3377V18.9861C18.3574 19.4715 18.7509 19.8651 19.2363 19.8651C19.7217 19.8651 20.1152 19.4715 20.1152 18.9861V17.9823H20.6485C22.1713 17.9823 23.4102 16.7434 23.4102 15.2206C23.4102 13.6978 22.1713 12.4588 20.6484 12.4588ZM20.6484 16.2244H20.1152V14.2166H20.6485C21.202 14.2166 21.6524 14.667 21.6524 15.2205C21.6523 15.774 21.202 16.2244 20.6484 16.2244Z" fill="white" /> <path d="M17.291 17.1033V15.2205C17.291 13.8554 16.303 12.7226 15 12.4995V14.3338C15.3169 14.5021 15.5332 14.8349 15.5332 15.2205V17.1033C15.5332 17.483 15.3191 17.8196 15 17.9897V19.8246C16.3173 19.5994 17.291 18.4468 17.291 17.1033Z" fill="white" /> </g> <defs> <clipPath id="clip0_2515_21609"> <rect width="30" height="30" fill="white" /> </clipPath> </defs> </svg> </i><span id="TopAuthor"> 10 </span> </div> </div> </div> </div> </div> <div id="slides__2" class="slide"> <div class="member-card-md"> <div class="member-card-md-list"> <div class="member-info-wrap"> <div class="member-photo haveMVP"> <a href='https://test.c-sharpcorner.com/members/harshit-pandey2'> <img src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/a1014a20240801094436.jpg.ashx?height=80&width=80' alt='Harshit Pandey' title='Harshit Pandey' class="img-circle"> </a> </div> <div class="member-info"> <div class="member-name"> <a href='https://test.c-sharpcorner.com/members/harshit-pandey2'> Harshit Pandey </a> </div> <div class="member-skills"> java, python, BigData </div> <div class="member-location member-rightsidebar"> <i class="icon-sprite-02 icon-location icon-location-right"></i> <div> <span class="state-name">Kanpur</span> <span class="country-name">(India)</span> </div> </div> </div> </div> <div class="member-card-md-icons"> <a href="/top-members"> <div class="mbr-rank-md" title="Rank"> <i class="rank-widget-md-icon md-icon-rank"></i><span> 47 </span> </div> </a> <a href="https://test.c-sharpcorner.com/members/harshit-pandey2/top-articles"> <div class="mbr-read-md" title="Read"> <i class="rank-widget-md-icon md-icon-read"></i><span> 6.2k </span> </div> </a> <a href="https://test.c-sharpcorner.com/members/harshit-pandey2/author-points"> <div class="mbr-rept-md" title="Reputation"> <i class="rank-widget-md-icon md-icon-rept"></i><span>3.7k</span> </div> </a> <div class="mbr-rept-md top-author" title="Top 50"> <i class="top-author-icon"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2515_21609)"> <path d="M29.957 11.558C29.874 11.3024 29.6786 11.0989 29.4267 11.0055L21.159 7.94021L15.6893 1.02491C15.5226 0.814153 15.2687 0.691223 15 0.691223C14.7313 0.691223 14.4773 0.814153 14.3106 1.02491L8.84088 7.94021L0.573361 11.0055C0.321408 11.0989 0.126057 11.3024 0.0430292 11.558C-0.0399981 11.8135 -0.00161924 12.093 0.147326 12.3167L5.0341 19.6561L5.39446 28.4658C5.40547 28.7343 5.53865 28.983 5.75604 29.1409C5.97342 29.2989 6.25115 29.3488 6.50985 29.2762L15 26.8963L23.4901 29.2761C23.7488 29.3487 24.0266 29.2989 24.2439 29.1409C24.4613 28.983 24.5945 28.7343 24.6055 28.4658L24.9659 19.656L29.8527 12.3166C30.0016 12.093 30.04 11.8135 29.957 11.558Z" fill="#FF6600" /> <path d="M15.0001 26.8963L23.4902 29.2761C23.7489 29.3487 24.0267 29.2989 24.244 29.1409C24.4614 28.983 24.5946 28.7342 24.6056 28.4658L24.966 19.656L29.8528 12.3166C30.0017 12.093 30.0401 11.8135 29.9571 11.5579C29.874 11.3024 29.6787 11.0988 29.4267 11.0054L21.1591 7.94015L15.6894 1.02485C15.5227 0.814092 15.2687 0.691162 15 0.691162V26.8963H15.0001Z" fill="#FF822F" /> <path d="M14.5293 12.4588C13.004 12.4588 11.7676 13.6923 11.7676 15.2205V17.1033C11.7676 18.6031 12.9804 19.865 14.5293 19.865C16.0789 19.865 17.291 18.6025 17.291 17.1033V15.2205C17.291 13.6951 16.0577 12.4588 14.5293 12.4588ZM15.5332 17.1034C15.5332 17.6494 15.091 18.1072 14.5293 18.1072C13.9679 18.1072 13.5254 17.6494 13.5254 17.1034V15.2206C13.5254 14.6658 13.9739 14.2167 14.5293 14.2167C15.0829 14.2167 15.5332 14.664 15.5332 15.2206V17.1034Z" fill="white" /> <path d="M10.293 12.4588H7.46875C6.98336 12.4588 6.58984 12.8523 6.58984 13.3377C6.58984 13.8231 6.98336 14.2166 7.46875 14.2166H8.00195V18.9861C8.00195 19.4715 8.39547 19.8651 8.88086 19.8651C9.36625 19.8651 9.75977 19.4715 9.75977 18.9861V14.2166H10.293C10.7784 14.2166 11.1719 13.8231 11.1719 13.3377C11.1719 12.8523 10.7784 12.4588 10.293 12.4588Z" fill="white" /> <path d="M20.6484 12.4588H19.2363C18.7509 12.4588 18.3574 12.8523 18.3574 13.3377V18.9861C18.3574 19.4715 18.7509 19.8651 19.2363 19.8651C19.7217 19.8651 20.1152 19.4715 20.1152 18.9861V17.9823H20.6485C22.1713 17.9823 23.4102 16.7434 23.4102 15.2206C23.4102 13.6978 22.1713 12.4588 20.6484 12.4588ZM20.6484 16.2244H20.1152V14.2166H20.6485C21.202 14.2166 21.6524 14.667 21.6524 15.2205C21.6523 15.774 21.202 16.2244 20.6484 16.2244Z" fill="white" /> <path d="M17.291 17.1033V15.2205C17.291 13.8554 16.303 12.7226 15 12.4995V14.3338C15.3169 14.5021 15.5332 14.8349 15.5332 15.2205V17.1033C15.5332 17.483 15.3191 17.8196 15 17.9897V19.8246C16.3173 19.5994 17.291 18.4468 17.291 17.1033Z" fill="white" /> </g> <defs> <clipPath id="clip0_2515_21609"> <rect width="30" height="30" fill="white" /> </clipPath> </defs> </svg> </i><span id="MemberOfMonthTopAuthor"> 50</span> </div> </div> </div> </div> </div> </div>  <div class="slider__nav"> <a href="javascript:void(0);" id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_slides1" class="slider__navlink active"></a> <a href="javascript:void(0);" id="ctl00_RightSideCommonControl_YesterdayTopLeaderMonthlyTopMemberSpeaker_slides2" class="slider__navlink"></a> </div> <input type="hidden" name="ctl00$RightSideCommonControl$YesterdayTopLeaderMonthlyTopMemberSpeaker$HiddenSpeaker" id="HiddenSpeaker" /> </div>  </div>  </div> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/rotate_slider.js"></script> <style> .event-calendar{ display:flex; flex-direction:column-reverse; background:linear-gradient(-180deg, rgba(93,107,148, 40%) 40%, #0086dc 40%); text-align: center; border-radius: 4px; min-width: 42px; max-width: 42px; min-height:50px; } .event-list-item{ display:flex; flex-direction:row; align-items:center; gap:15px; margin-bottom:15px; } .event-title a{ font-size: var(--FontSize16); color:var(--texthightlight); } .event-title a:hover{ color:var(--textHover); } .local-day{ font-size:20px; font-weight:600; height:31px; color:var(--textColor); } .local-month{ font-size:12px; color:var(--textColor); } </style> <div id="ChapterEventsBox" class="wrap"> <div class="wrap-heading"> <div class="heading">Upcoming Events</div> <a href="/chapters" class="btn-view-all">View all</a> </div> <ul id="ChapterEventsContainer" class="UpComing-Events-list"><li id='event-1' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay1' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth1' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://test.c-sharpcorner.com/events/triggers'>Triggers</a></div></li><li id='event-2' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay2' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth2' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://test.c-sharpcorner.com/events/emerging-tech'>Emerging Tech</a></div></li><li id='event-3' class='event-list-item'><div class='event-calendar'><span class='local-day' id='LocalDay3' runat='server' clientidmode='Static'></span> <span class='local-month' id='LocalMonth3' runat='server' clientidmode='Static'></span></div><div class='event-title'><a class='title' href='https://test.c-sharpcorner.com/events/securing-secrets-with-azure-key-vault-azure-essentials-series-ep15'>Securing Secrets with Azure Key Vault - Azure Essentials Series -Ep:15</a></div></li></ul> <input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenLocalTimezone" id="HiddenLocalTimezone" /> <input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenLocalDateTime" id="HiddenLocalDateTime" /> <div id="tzListDiv"> <input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_1" id="HiddenUTCDateTimeList_1" value="2024-10-11T01:00:00" /><input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_2" id="HiddenUTCDateTimeList_2" value="2024-10-17T01:00:00" /><input type="hidden" name="ctl00$RightSideCommonControl$UpcomingEvents$HiddenUTCDateTimeList_3" id="HiddenUTCDateTimeList_3" value="2024-11-01T19:30:00" /> </div> </div> <script> /* date-time convertsio js Start*/ var options = { weekday: "long", year: "numeric", month: "long", day: "numeric" }; function GetDayName(e) { var n = new Array(7); return n[0] = "SUN", n[1] = "MON", n[2] = "TUE", n[3] = "WED", n[4] = "THU", n[5] = "FRI", n[6] = "SAT", n[e] } function getTimezoneName() { const e = new Date, n = e.toLocaleDateString(void 0), t = e.toLocaleDateString(void 0, { timeZoneName: "long" }), o = t.indexOf(n); if (o >= 0) { return (t.substring(0, o) + t.substring(o + n.length)).replace(/^[\s,.\-:;]+|[\s,.\-:;]+$/g, "") } return t } function convertUTCDateToLocalDate(e) { var n = new Date(e); return n.setMinutes(e.getMinutes() - e.getTimezoneOffset()), n } /* date-time convertsio js Ends*/ document.addEventListener("DOMContentLoaded", function (event) { // Get the Local Time zone document.getElementById("HiddenLocalTimezone").value = getTimezoneName(); var index = 1; jQuery('[id^="HiddenUTCDateTimeList"]').each(function () { if (this.id == "HiddenUTCDateTimeList_" + index) { // Convert UTC to Local date time according to local time zone var dt = convertUTCDateToLocalDate(new Date($("#HiddenUTCDateTimeList_" + (index)).val())); var EvntDt = convertUTCDateToLocalDate(new Date($("#HiddenUTCDateTimeList_" + (index)).val())); //Make suitable date time format and display var arr = new Date(dt); var monthDay = arr.toLocaleString('default', { month: 'short' }); var shortMonthName = monthDay.substring(0, 3) + " " + arr.getDate(); //console.log("short-month" + shortMonthName); var localDateTime = dt.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', hour12: true }); var time = localDateTime.split(' '); var timeHM = time[0].split(':'); var timeMin = ""; if (timeHM[1] === "00") { timeMin = timeHM[0]; } else { timeMin = time[0]; } var localDayTime = GetDayName(dt.getDay()) + " " + timeMin + " " + time[1]; var MonthDay = shortMonthName.split(' '); $("#LocalMonth" + (index)).text(MonthDay[0].toLocaleUpperCase()); $("#LocalDay" + (index)).text(MonthDay[1]); /* $("#LocalTime" + (index)).text(localDayTime);*/ const currentdate = new Date(); //if (EvntDt <= currentdate) { // var eventElement = document.getElementById(`event-${index}`); // eventElement.style.display = "none"; //} index++; } }); }); </script> <style> .follower-list{ display:flex; flex-direction:column; gap:10px; } .follow-items { width: 100%; display: flex; justify-content:space-between; align-items: center; } .follow-listing img{ min-width:44px; min-height:44px; max-width:44px; max-height:44px; } .follow-listing{ display: flex; gap:15px; align-items:center } .btn-follow{ display:inline-block; color: #0086DC; background-color: rgb(0, 134, 220, 10%); border-radius: 20px; padding: 5px 12px; margin-left: auto; outline: 1px solid; min-width:78px; text-align:center; } .btn-follow.btn-followed, .btn-follow:hover { outline: 0; color: var(--textBtnHover); background: var(--mainBlue); color: var(--mainGray); } </style> <div id="followcontainer" class="wrap follower-wrap"> <div class="wrap-heading"> <div class="heading">Suggested For You</div> <a href="/members" class="btn-view-all">View all</a> </div> <div class="follower-list"> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3' title='Shivam Payasi'> <img title='Shivam Payasi' loading="lazy" alt='Shivam Payasi' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/524fad20240111112121.jpeg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/shivam-payasi3' class="user-name d-inline-block"> Shivam Payasi </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"524fad");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/harshit34' title='Harshit '> <img title='Harshit ' loading="lazy" alt='Harshit ' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/1yasvlep20240506041109.jpg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/harshit34' class="user-name d-inline-block"> Harshit </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"1yasvlep");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/mira-mrlk' title='Mira Mrlk'> <img title='Mira Mrlk' loading="lazy" alt='Mira Mrlk' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/mira-mrlk' class="user-name d-inline-block"> Mira Mrlk </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"7zsdvcfr");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/sandya7' title='sandya '> <img title='sandya ' loading="lazy" alt='sandya ' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/sandya7' class="user-name d-inline-block"> sandya </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"5fjr1g7j");'>Follow</a> </div> </div> <div class="follow-items"> <div class="follow-listing"> <a href='https://test.c-sharpcorner.com/members/satyam-verma7' title='Satya Verma'> <img title='Satya Verma' loading="lazy" alt='Satya Verma' src='https://test.c-sharpcorner.com/UploadFile/AuthorImage/04628420240509111911.jpg.ashx?height=44&width=44' class="img-circle" onerror="this.src='/UploadFile/AuthorImage/DefaultAuthorImage.gif.ashx?height=44&width=44'"> </a> <a href='https://test.c-sharpcorner.com/members/satyam-verma7' class="user-name d-inline-block"> Satya Verma </a> </div> <div class="btn-follow-tag"> <a href="Javascript:void(0);" title="Follow User" class="btn-follow" onclick='followUser(this,"046284");'>Follow</a> </div> </div> </div> </div> <script> function updateFollowersDataValidation() { setCookie("IsFollowClicked", "true", 1); } function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; path=/"; } let Islocked = false; async function followUser(el, userId) { isUserLogin(); if (!Islocked) { Islocked = true; if (el.innerHTML == 'Follow') { let _status = await fetch("/WebServices/OnboardingService.asmx/PostRecommendedFollowers", { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ Touserid: userId }) }); if (_status.status === 200) { let _isUpdated = await _status.json(); if (_isUpdated.d === 1) { el.innerHTML = "Following"; el.classList.add("btn-followed"); el.setAttribute("title", "Unfollow User"); updateFollowersDataValidation(); Islocked = false; return true; } else { window.location.href = siteUrls.HOMEPAGE; } } } else { let isUfollowed = await fetch("/WebServices/PulseService.asmx/UnfollowUser", { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ followingUserId: userId }) }); if (isUfollowed.status === 200) { let _isUfollowed = await isUfollowed.json(); if (_isUfollowed.d === 'success') { el.classList.remove("btn-followed"); el.innerHTML = "Follow"; el.classList.add("btn-follow"); el.setAttribute("title", "Follow User"); } } } Islocked = false; } } function isUserLogin() { jQuery.ajax({ type: "POST", processData: false, contentType: false, url: "/Handlers/CsharpCommon.ashx?method=checksession", success: function (response) { if (response != null) { if (response == "false") { window.location = "/login?returnurl=" + window.location.href; } else if (response == "true") { } } } }); } function setFolloing(element) { element.innerText = "Following"; element.style.backgroundColor = "#0086dc"; element.style.color = "#dcdcdc"; } function setUnfollow(element) { element.innerText = 'Unfollow!'; element.style.backgroundColor = "rgb(18 40 70)"; element.style.color = "#ff3b00"; } </script> </aside> </div> </main> <div id="NewFooter"> <footer class="main-footer"> <div class="inner-footer"> <div class="social-media-wrap"> <a title="Facebook" href="https://www.facebook.com/pages/C-Corner/194086953935286" target="_blank"> <svg width="26" height="30" viewBox="0 0 5 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.68729 1.81279H4.44389V0.540791C4.07757 0.50293 3.70949 0.484238 3.34119 0.484791C2.24655 0.484791 1.498 1.14879 1.498 2.36479V3.41279H0.262497V4.83678H1.498V8.48478H2.97899V4.83678H4.21047L4.3956 3.41279H2.97899V2.50479C2.97899 2.08479 3.09168 1.81279 3.68729 1.81279Z" fill="#636F92" /> </svg></a> <a title="Twitter" href="https://twitter.com/csharpcorner" target="_blank"> <svg width="26" height="30" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.93819 3.38747L7.85233 1.52588e-05H7.16177L4.63143 2.94129L2.61044 1.52588e-05H0.27948L3.3356 4.44775L0.27948 8.00002H0.970077L3.64219 4.89393L5.7765 8.00002H8.10746L4.93802 3.38747H4.93819ZM3.99232 4.48694L3.68267 4.04404L1.21891 0.519884H2.27963L4.26791 3.36399L4.57756 3.80689L7.1621 7.50379H6.10138L3.99232 4.4871V4.48694Z" fill="#636F92" /> </svg> </a> <a title="LinkedIn" href="https://www.linkedin.com/company/csharpcorner/" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.79071 7.99982H0.132143V2.65875H1.79071V7.99982ZM0.960536 1.93018C0.430179 1.93018 0 1.49089 0 0.960536C3.79607e-09 0.705786 0.101199 0.46147 0.281334 0.281334C0.46147 0.101199 0.705786 0 0.960536 0C1.21529 0 1.4596 0.101199 1.63974 0.281334C1.81987 0.46147 1.92107 0.705786 1.92107 0.960536C1.92107 1.49089 1.49071 1.93018 0.960536 1.93018ZM7.99821 7.99982H6.34321V5.39982C6.34321 4.78018 6.33071 3.98554 5.48089 3.98554C4.61857 3.98554 4.48643 4.65875 4.48643 5.35518V7.99982H2.82964V2.65875H4.42036V3.38732H4.44357C4.665 2.96768 5.20589 2.52482 6.01286 2.52482C7.69143 2.52482 8 3.63018 8 5.06589V7.99982H7.99821Z" fill="#636F92" /> </svg> </a> <a title="Youtube" href="https://www.youtube.com/user/CsharpCorner1/" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.92031 2.40001C7.92031 2.40001 7.84219 1.84845 7.60156 1.60626C7.29688 1.28751 6.95625 1.28595 6.8 1.2672C5.68125 1.18595 4.00156 1.18595 4.00156 1.18595H3.99844C3.99844 1.18595 2.31875 1.18595 1.2 1.2672C1.04375 1.28595 0.703125 1.28751 0.398438 1.60626C0.157813 1.84845 0.08125 2.40001 0.08125 2.40001C0.08125 2.40001 0 3.04845 0 3.69533V4.30158C0 4.94845 0.0796875 5.59689 0.0796875 5.59689C0.0796875 5.59689 0.157812 6.14845 0.396875 6.39064C0.701563 6.70939 1.10156 6.69845 1.27969 6.73283C1.92031 6.79376 4 6.81251 4 6.81251C4 6.81251 5.68125 6.80939 6.8 6.7297C6.95625 6.71095 7.29688 6.70939 7.60156 6.39064C7.84219 6.14845 7.92031 5.59689 7.92031 5.59689C7.92031 5.59689 8 4.95001 8 4.30158V3.69533C8 3.04845 7.92031 2.40001 7.92031 2.40001ZM3.17344 5.03751V2.78908L5.33437 3.9172L3.17344 5.03751Z" fill="#636F92" /> </svg> </a> <a title="Windows App" href="https://www.microsoft.com/store/apps/9nblggh4tmwd?ocid=badge" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.65835 4.17363C3.66035 4.97319 3.66276 6.33168 3.66476 7.3875C5.11038 7.58299 6.55599 7.78452 7.9992 8C7.9992 6.73949 8.0008 5.4845 7.9992 4.28516C6.55238 4.28516 5.10597 4.17363 3.65835 4.17363ZM0 4.17402V6.88867C1.09033 7.03579 2.18065 7.1764 3.26897 7.33711C3.27098 6.28689 3.26817 5.23636 3.26817 4.18613C2.17865 4.18813 1.08952 4.17043 0 4.17402ZM0 1.1373V3.84434C1.09033 3.84714 2.18065 3.83064 3.27098 3.83184C3.27018 2.78401 3.27018 1.73747 3.26897 0.689648C2.17784 0.825972 1.08672 0.970197 0 1.1373ZM8 3.78867C6.55519 3.79427 5.11038 3.8163 3.66476 3.8207C3.66396 2.75569 3.66396 1.69195 3.66476 0.627734C5.10757 0.407454 6.55358 0.200288 7.9992 0C8 1.2633 7.9992 2.52537 8 3.78867Z" fill="#636F92" /> </svg> </a> <a title="Android App" href="https://play.google.com/store/apps/details?id=com.mcn.csharpcorner&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2269_8265)"> <path d="M4.84795 4.04234L6.09669 2.81478L2.0633 0.586328C1.79598 0.444352 1.54556 0.424425 1.32596 0.579686L4.84795 4.04234ZM6.30953 5.47955L7.60768 4.76178C7.86106 4.62229 8 4.42468 8 4.20549C8 3.98672 7.86106 3.78869 7.60811 3.64921L6.43284 3.00035L5.10977 4.30056L6.30953 5.47955ZM1.1089 0.881491C1.08187 0.963273 1.06667 1.0546 1.06667 1.15465V7.25924C1.06667 7.41741 1.10214 7.55357 1.16633 7.66192L4.5857 4.30014L1.1089 0.881491ZM4.84795 4.55753L1.44758 7.90063C1.51262 7.92512 1.58272 7.93799 1.65662 7.93799C1.78838 7.93799 1.92563 7.8998 2.06541 7.82341L5.9738 5.66594L4.84795 4.55753Z" fill="#636F92" /> </g> <defs> <clipPath id="clip0_2269_8265"> <rect width="8" height="8" fill="white" /> </clipPath> </defs> </svg> </a> <a title="iOS App" href="https://itunes.apple.com/us/app/c-corner/id451080586?ls=1&mt=8" target="_blank"> <svg width="26" height="30" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2269_8263)"> <path d="M5.31634 7.95867C5.072 7.95867 4.85434 7.876 4.64467 7.79733C4.465 7.729 4.29567 7.665 4.135 7.665C3.99234 7.665 3.82967 7.726 3.65734 7.79C3.449 7.867 3.213 7.95533 2.95667 7.95533C2.53534 7.95533 2.15767 7.714 1.80034 7.219C1.78534 7.198 0.330669 5.06167 1.03734 3.47533C1.42434 2.60667 1.982 2.16567 2.69467 2.16567C3.07067 2.16567 3.41767 2.28367 3.69634 2.37867C3.85234 2.43167 3.99967 2.48167 4.07734 2.48167C4.169 2.48167 4.31634 2.428 4.47134 2.37033C4.73 2.27533 5.05267 2.15633 5.42267 2.15633C5.959 2.15633 6.44434 2.404 6.907 2.91333C6.92261 2.93073 6.93443 2.95118 6.94172 2.97339C6.94901 2.99559 6.9516 3.01907 6.94934 3.04233C6.94676 3.06555 6.93943 3.08798 6.92778 3.10823C6.91614 3.12848 6.90044 3.1461 6.88167 3.16C6.394 3.51533 6.14667 3.92633 6.14667 4.382C6.14667 4.94633 6.42534 5.361 7.077 5.76667C7.1113 5.78781 7.13672 5.82073 7.1485 5.85926C7.16028 5.89779 7.15761 5.93929 7.141 5.976C6.52834 7.34667 5.96567 7.95867 5.31634 7.95867ZM4.093 2.07033C4.053 2.07033 4.01267 2.06767 3.973 2.063C3.93368 2.05832 3.89733 2.03971 3.87055 2.01054C3.84377 1.98137 3.82832 1.94358 3.827 1.904C3.783 0.788666 4.72834 0.105666 5.427 0.0423328C5.46851 0.0387972 5.50986 0.0507791 5.54304 0.0759615C5.57623 0.101144 5.5989 0.137738 5.60667 0.178666C5.68367 0.608 5.53967 1.08 5.21067 1.47333C4.898 1.84733 4.48 2.07033 4.093 2.07033Z" fill="#636F92" /> </g> <defs> <clipPath id="clip0_2269_8263"> <rect width="8" height="8" fill="white" /> </clipPath> </defs> </svg> </a> </div> <div class="footer-links"> <a title="About Us" href="https://test.c-sharpcorner.com/about" class="foot-item-link">About Us</a> <a title="Contact Us" href="https://test.c-sharpcorner.com/contactus.aspx" class="foot-item-link">Contact Us</a> <a title="Privacy Policy" href="https://test.c-sharpcorner.com/privacypolicy.aspx" class="foot-item-link">Privacy Policy</a> <a title="Terms" href="https://test.c-sharpcorner.com/termsconditions.aspx" class="foot-item-link">Terms</a> <a title="Media Kit" href="https://test.c-sharpcorner.com/media/contactus.aspx" class="foot-item-link">Media Kit</a> <a title="Partners" href="https://test.c-sharpcorner.com/partners.aspx" class="foot-item-link">Partners</a> <a title="C# Tutorials" href="https://test.c-sharpcorner.com/csharp-tutorials" class="foot-item-link">C# Tutorials</a> <a title="Consultants" href="https://consultants.c-sharpcorner.com/" class="foot-item-link" target="_blank">Consultants</a> <a title="Ideas" href="https://test.c-sharpcorner.com/ideas" class="foot-item-link">Ideas</a> <a title="Report a Bug" href="https://test.c-sharpcorner.com/report-bugs" class="foot-item-link">Report A Bug</a> <a title="FAQs" href="https://test.c-sharpcorner.com/faq" class="foot-item-link">FAQs</a> <a title="Certifications" href="https://test.c-sharpcorner.com/certification" class="foot-item-link">Certifications</a> <a title="Sitemap" href="https://test.c-sharpcorner.com/sitemap/" class="foot-item-link">Sitemap</a> <a title="Stories" href="https://test.c-sharpcorner.com/stories" class="foot-item-link">Stories</a> <a title="CSharp TV" href="https://test.c-sharpcorner.com/live" class="foot-item-link">CSharp TV</a> <a title="DB Talks" href="https://www.dbtalks.com/" class="foot-item-link" target="_blank">DB Talks</a> <a title="Let's React" href="https://www.letsreact.org/" class="foot-item-link" target="_blank">Let's React</a> <a title="Web3 Universe" href="https://web3universe.today/" class="foot-item-link" target="_blank">Web3 Universe</a> <a title="interviews.help" href="https://www.interviews.help/" class="foot-item-link" target="_blank">Interviews.help</a> <a title="Jumpstart Blockchain" href="https://www.jumpstartblockchain.com/" class="foot-item-link" target="_blank">Jumpstart Blockchain</a> <a title="Build with JavaScript" href="https://www.buildwithjavascript.com/" class="foot-item-link" target="_blank">Build with JavaScript</a> </div> <div class="copyright"> <p>©2024 C# Corner.</p> <p>All contents are copyright of their authors.</p> </div> </div> </footer> </div> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AC55590D" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAA9oUwTk11rI8oZW++KCNBlT8tgt2KjyyiDhxtapMocmI++o/R2HzFhtDOGan4OOQda7G5nKn6lYdW6SaNZsGRgZCqrOBu8XPG1yHR+6F/gx8e0L4ZGv5zZNM9d/qtWRrW8scB/pZO1suY4udsuPVU49wAGICu1Nkktwh4BSif4/1CQ9sQqBDprGGmAnjELCaPtYEP3PWQ0L5ZuegVuakQNF4xuqnSBOTqWd+y5UitGk34+YEwoWpFGC2siu4yDvp1+CH4DoZECSFgmzLP5U1oxv8Ukbt9YRc1ir9yXeTeaWqPSs7pIfhGgQqKvkOaiEH2P6jDfO1/mAyaunK1ayHrNEJNsOEQ==" /> </div></form> <script type="text/javascript"> jQuery(document).click(function () { jQuery(".cotent-share-icon > ul").slideUp("fast"); }); jQuery(".btn-icon-dots").click(function (e) { e.stopPropagation(); jQuery(".cotent-share-icon > ul").slideToggle("fast"); }); </script> <script type="text/javascript"> var isEditorMode = false; function setHTMLvalue() { jQuery("#AnswerDetailHTML").val('<div class="markdown-body editormd-preview-container" previewcontainer="true" style="padding: 0;">' + window.md.getPreviewedHTML() + "</div>"); isEditorMode = false; document.getElementById("MD_Sections").style.display = "none"; document.getElementById("MD_Section").style.display = "none"; } function initMarkMarkDown() { (function () { makeMarkDown(); })(); function makeMarkDown() { if (isEditorMode) { return false; } document.getElementById("MD_Sections").style.display = "block"; document.getElementById("MD_Section").style.display = "block"; jQuery(".postAnswer").show(); isEditorMode = true; (function () { jQuery('#TextBoxAnswer').val(''); window.md = editormd("editormd", { toolbarIcons: "full_no_img", width: "99.8%", height: 400, placeholder: "Please enter your answer", path: "/JavaScripts/MarkDownJs/lib/", theme: "light", markdown: jQuery('#TextBoxAnswer').val(), saveHTMLToTextarea: true, tex: true, emoji: false, taskList: true, lineWrapping: true, tocm: true, //flowChart: true, //sequenceDiagram: true, imageUpload: false, autoFocus: false, fullscreen: false, htmlDecode: "style,script,iframe|on*", lang: { name: "en" }, pluginPath: "/plugin/", onload: function () { this.watch() } }); })(); return false; } } async function likecount(answerId) { try { const response = await fetch('/Interviews/Answer/Answers.aspx/LikeReply', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', }, body: JSON.stringify({ answerId: parseInt(answerId) }) }); if (response.ok) { const data = await response.json(); if (data.d === 1) { var divElement = document.getElementById(answerId); // Get the span element inside the div var spanElement = divElement.querySelector("span"); if (spanElement) { // Get the text content of the span element and convert it to an integer var currentValue = parseInt(spanElement.textContent); // Check if the conversion to integer was successful if (!isNaN(currentValue)) { // Add 1 to the current value var newValue = currentValue + 1; // Update the text content of the span element with the new value spanElement.textContent = newValue; //document.getElementById("like-" + answerId).classList.remove("like"); //document.getElementById("like-" + answerId).classList.add("undo-like"); } else { console.log("Error: Text content of the span element is not a valid integer."); } } } } else { console.error('Error fetching like count:', response.status); } } catch (error) { console.error('Error fetching like count:', error); } } </script> <script src="https://test.c-sharpcorner.com/JavaScripts/date_time_conversion_20200627.js" type="text/javascript"></script> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/rotate_slider.js"></script> <script></script>  <script> function getCookie(cookieName) { var name = cookieName + "="; var allCookieArray = document.cookie.split(';'); for (var i = 0; i < allCookieArray.length; i++) { var temp = allCookieArray[i].trim(); if (temp.indexOf(name) == 0) return temp.substring(name.length, temp.length); } return ""; } </script> <script> //if (navigator.serviceWorker.controller) { // console.log('[PWA Builder] active service worker found, no need to register') //} else { // navigator.serviceWorker.register('https://www.c-sharpcorner.com/sw.js', { // scope: './' // }).then(function (reg) { // console.log('Service worker has been registered for scope:' + reg.scope); // }); //} //setTimeout(function () { // makeSticky(); //}, 6000) function makeSticky() { if (!window.jQuery) { setTimeout(makeSticky, 100); return; } var s = jQuery(".sticky-ad"); var w = jQuery(window); var t = s.length > 0 ? s.offset().top : 0; var f = jQuery("footer"); var ft = f.offset().top; if (s.length > 0) { w.scroll(function () { if (w.scrollTop() + 47 > t) { if (w.scrollTop() + 47 + s.innerHeight() > ft + 5) { s.removeClass("fixed-t"); s.addClass("fixed-b"); } else { s.addClass("fixed-t"); s.removeClass("fixed-b"); } } else { s.removeClass("fixed-t") s.removeClass("fixed-b") } }) } } </script> </body> <script type="text/javascript" src="https://test.c-sharpcorner.com/jquery/jquery.min-20230616.js"></script> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/Live/owl.carousel.min.js"></script> <script type="text/javascript" src="https://test.c-sharpcorner.com/JavaScripts/NewScripts/login-v3.js"></script> </html>