การใช้งาน K-NN algorithm ในภาษา C แบบง่ายๆ พร้อมตัวอย่าง

การแนะนำการใช้งาน K-NN Algorithm ในภาษา C พร้อมตัวอย่าง Code

คุณผู้อ่านที่รักทุกท่าน หากคุณกำลังมองหาความรู้เกี่ยวกับการใช้งานอัลกอริทึม K-Nearest Neighbor (K-NN) ในภาษา C วันนี้คุณมาถูกที่แล้ว! ในบทความนี้ เราจะมาดำดิ่งไปกับการใช้งาน K-NN ที่มักนำไปประยุกต์ใช้ในงานด้าน Machine Learning และ Data Mining เพื่อประมวลผลเชิงลึกกับข้อมูลหลากหลายประเภท ไม่ว่าจะเป็นการจำแนกประเภท (Classification) หรือการทำนาย (Prediction)

อัลกอริทึม K-NN ทำงานอย่างไร?

K-NN คือหนึ่งในอัลกอริทึมการจำแนกประเภทที่เรียบง่ายที่สุด จะเริ่มจากการรับข้อมูลจำนวนมากที่ได้ทำการจัดหมวดหมู่ไว้ล่วงหน้า (Training Data) และเมื่อเรามีข้อมูลใหม่ที่ต้องการทำการจำแนก (Testing Data) อัลกอริทึม K-NN จะเปรียบเทียบข้อมูลใหม่นี้กับข้อมูลใน Training Data โดยคิดระยะทาง (distance metrics อย่างเช่น Euclidean distance) ระหว่างจุดข้อมูลใหม่กับจุดข้อมูลทั้งหมดที่มีอยู่ เพื่อหา 'K' จุดที่ใกล้กับข้อมูลใหม่ที่สุด ต่อจากนั้นจะทำการ "โหวต" หมวดหมู่โดยพิจารณาจากหมวดหมู่ของจุดข้อมูลเหล่านั้น และข้อมูลใหม่จะถูกจัดไปยังหมวดหมู่ที่ได้รับโหวตมากที่สุด

ตัวอย่าง Use Case ในโลกจริง

1. การใช้งานในภาคธุรกิจ เช่น การทำนายพฤติกรรมการซื้อของลูกค้า ด้วยการวิเคราะห์ลูกค้าที่มีลักษณะคล้ายคลึงกัน

2. ในด้านการแพทย์ เพื่อจำแนกว่าเซลล์ที่ตรวจพบเป็นเซลล์ปกติหรือเซลล์มะเร็ง

3. การจำแนกเอกสารหรือการจัดหมวดหมู่บทความตามเนื้อหาหรือหัวข้อ

ตัวอย่าง Code ในภาษา C

ตัวอย่างที่ 1: การกำหนดค่า K และการคำนวณระยะทาง

 #include <stdio.h>
#include <math.h>

// กำหนดค่า K
#define K 3

// โครงสร้างของข้อมูลจุด
typede
<p> </p>
<p> </p>
<p>หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง</p>

                        <script>
                        function autoheight(element) {
                                
                        
                                var elements = document.getElementsByClassName(element);
                                for (var i = 0, len = elements.length; i < len; i++) {
                                    var el = elements[i];
                                    el.style.height = "5px";
                                    el.style.height = (el.scrollHeight)+"px";
                                }
                            }
                        document.addEventListener("DOMContentLoaded", function(){

                                autoheight('nt_code');
                        });    
                        </script>
                                        </div>
            <br>
            <p class="">Tag ที่น่าสนใจ:
				<a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=k-nn_algorithm">k-nn_algorithm</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=c_programming">c_programming</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=machine_learning">machine_learning</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=data_mining">data_mining</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=classification">classification</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=prediction">prediction</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=euclidean_distance">euclidean_distance</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=use_case">use_case</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=business">business</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=customer_behavior">customer_behavior</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=healthcare">healthcare</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=cell_classification">cell_classification</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=document_categorization">document_categorization</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=code_example">code_example</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=k-value">k-value</a> <a class="btn btn-outline-primary btn-sm kbtnsm" href="/tutorial/tag.php?tag=distance_calculation">distance_calculation</a> 			</p>

            <hr>

<div class="row text-center">
    <h3>บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้</h3>
    <p>
        หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่
        <a href="http://m.me/Expert.Programming.Tutor"  >
             http://m.me/Expert.Programming.Tutor
        </a>

    </p>

</div>

<div class="row text-center p-4" style="background: aliceblue;">
    <h2>ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร? </h2>
    <h4>สมัครเรียน ONLINE ได้ทันทีที่
    <a href="https://elearn.expert-programming-tutor.com"  >
        https://elearn.expert-programming-tutor.com
    </a></h4>

    <h2>หรือติดต่อ  </h2>
    <p>085-350-7540 (DTAC) <br />
    084-88-00-255 (AIS) <br />
    026-111-618 <br />
    หรือทาง EMAIL:  NTPRINTF@GMAIL.COM<br /></p>
    <a href="https://expert-programming-tutor.com/about_us.php#maps"  >
        แผนที่ ที่ตั้งของอาคารของเรา
        <img src="/images/map_icon.png" width="130"></img>
    </a>
</div>
<br>

            <div class="row">
                <h3 id="klearnplan">แผนผังการเรียนเขียนโปรแกรม</h3>
<img src="/images/logo_circle.jpg" data-src="https://expert-programming-tutor.com/EPT-course.png" alt=""  />
            </div>
        </div>

        <div class="col-md-12 col-lg-2 p-0">
            <div class="ksidebarback" id="rightsideback" onclick="righttoggle()"></div>
<div class="krightbar" id="krightbar" >
<div class="bg-light" style="margin-top: -20px;">
    <button type="button" class="btn-close float-end m-1 kbtn-close-display" id="krightbarbtn" aria-label="Close" onclick="righttoggle()"></button>
    <h4 class="p-2">Link อื่นๆ</h4>
    <ul class="nav flex-column">
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/">หน้าแรก</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/about_us.php">เกี่ยวกับเรา</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/why_expert_programming_tutor.php">เรียนกับเราดีอย่างไร</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/example_project.php">ตัวอย่างโปรเจกต์ที่เคยสอน</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/">คอร์สทั้งหมดของเรา</a></li>
        <li class="nav-item"><a class="nav-link" href="https://elearn.expert-programming-tutor.com">เรียนออนไลน์</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/live/seal.php">SEAL TEAM CODE CAMP</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/course_set.php">Course SET ลงหลาย Course พร้อมกันมีส่วนลดให้</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/level_up.php">Course Level Up - สำหรับเด็กและผู้ใหญ่ที่ต้องการเริ่มแบบง่าย ๆ</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/levelup/lv_detail.php">Course Level Up - วิทยาการคำนวณสำหรับเด็ก (สอนสด)</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/java.php">Course JAVA</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/python.php">Course Python</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/c.php">Course C/C++</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/cs.php">Course C#</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/vb_net.php">Course VB.NET</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/php.php">Course PHP / Web Programming</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/algo.php">Course Data Structure And Algorithm</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/android.php">Course Android</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/ios.php">Course Objective C & iOS Programming</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/image_processing.php">Course Image Processing</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/math.php">Course คณิตศาสตร์สำหรับ Programmer</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/course_class.php">Course สอนสด</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/course_self.php">Course แบบ SELF</a></li>
        <!-- <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/special_course.php">Course พิเศษ</a></li> -->
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/course2.php">หลักสูตร Advance</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/essential_course.php">Course แบบ ESSENTIAL COURSE (เรียนแบบ Private มีส่วนลด)</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/graphics_course.php">Course Graphics</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/your_private_group.php">Course แบบที่ผู้เรียนรวมกลุ่มกันมาเอง</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/fast_course.php">Course แบบด่วยจี๋ 1-2 วันจบหลักสูตรเร่งรัด</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/sketchup.php">Course สอนวาดรูป 3D โดยใช้ Sketch Up</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/payment/register.php">สมัครเรียน Course SELF</a></li>
        <li class="nav-item"><a class="nav-link" href="https://booking.expert-programming-tutor.com/">จองเวลาเรียน Course SELF</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/blog/">Blog</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/gallery/">Gallery</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/tutorial/">Free Tutorial</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/faq.php">คำถามที่พบบ่อย</a></li>
        <li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/career/">Career</a></li>
    </ul>
</div>
</div>
        </div>
    </div>
</div>


<script>
var elmnt = document.getElementById("article");
var elmnt2 = document.getElementById("kbtnarticle");
elmnt.style.backgroundColor = 'blue';
elmnt.style.color = 'white';
elmnt2.style.backgroundColor = 'blue';
elmnt2.style.color = 'white';

function copyurl(url) {
  navigator.clipboard.writeText(url);
  alert("Copied URL: " + url);
}
</script>

<style>
pre>code>textarea
{
    width: 95% !important;
    height: 80%;
    border: none;
    background-color: #f5f5f5;
    padding: 10px;
    line-height: 16px;
    font-size: 13px;
    font-family: 'Courier New', monospace;


    overflow: auto;
    text-wrap: nowrap;
    resize: none;
    outline: none;

}

pre>code>textarea {


    background: url(https://expert-programming-tutor.com/tutorial/2cOaJ.png);
    background-attachment: local;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 10px;
    border-color:#ccc;
}

</style>


    <div style="z-index: 1090; margin: 8px 8px 8px 8px; position: fixed; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; z-index: 10000;">
        <div style="align-items: center; background-color: #212121; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 20%), 0 0 0 1px rgb(0 0 0 / 8%); border-radius: 0.25rem;">
            <div style="padding: 14px 16px; color:white;">
                <div class="row">
                    <div style="padding-left: 20px; padding-right: 100px;">
                        <b>Allow sites to save and read cookie data.</b>
                        <span style="line-height: 1.7;"><br></span>
                        Cookies are small pieces of data created by sites you visit.
                        They make your online experience easier by saving browsing information.
                        We use cookies to improve your experience on our website.
                        By browsing this website, you agree to our use of cookies.
                    </div>
                    <div>
                        <form method="POST" action="https://expert-programming-tutor.com/accept_cookie_action.php">
                            <button type="submit" class="btn btn-success" style="font-size: 18px; position: fixed; right: 25px; bottom: 25px;">
                            ยอมรับ</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
<div class="container-fluid bg-dark" style="color:white;" id="kfooterzone">
	<ul class="nav justify-content-center">
		<li class="nav-item"><a class="nav-link" href="https://elearn.expert-programming-tutor.com">เรียนเขียนโปรแกรม ONLINE</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/java.php">สอนเขียนโปรแกรม JAVA</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/c.php">สอนเขียนโปรแกรม C/C++</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/php.php">สอนเขียนโปรแกรม PHP</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/php.php">สอนเขียนโปรแกรม JAVASCRIPT</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/cs.php">สอนเขียนโปรแกรม C#</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/vb_net.php">สอนเขียนโปรแกรม VB.NET</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/algo.php">Data Structure And Algorithm</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/your_private_group.php">Course GROUP</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/course_set.php">Course SET</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/why_expert_programming_tutor.php">Why</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/example_project.php">Student's Project</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/course2.php">Advance</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/course_class.php">Course</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/course_self.php">Course SELF</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/essential_course.php">ESSENTIAL COURSE มีส่วนลด</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/graphics_course.php">Course Graphics</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/special_course.php">Course พิเศษ</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/fast_course.php">Course ด่วนจี๋</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/sketchup.php">Sketch Up</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/detail_course/android.php">สอนเขียนโปรแกรมบน Android</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/tutorial/">Free Tutorial</a></li>

		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/faq.php">คำถามที่พบบ่อย</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/legal/privacy_policy.php">นโยบายคุ้มครองข้อมูลส่วนบุคคล</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/legal/refund_policy.php">นโยบายการคืนเงิน</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/career/">Career</a></li>
		<li class="nav-item"><a class="nav-link" href="https://expert-programming-tutor.com/sitemap.php">Sitemap</a></li>

	</ul>
	<br>
	<div style="width :60%;text-align:center;font-size:12pt;margin-left:20%;margin-right:20%;">
		<p>Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. |  085-350-7540 |  084-88-00-255 | ntprintf@gmail.com</p>
		<h3 style="color:white;">ติดต่อเราได้ที่ </h3>
		085-350-7540 (DTAC) <br />
		084-88-00-255 (AIS) <br />
		026-111-618 <br />
		หรือทาง EMAIL:  NTPRINTF@GMAIL.COM<br />
		<a href="https://expert-programming-tutor.com/about_us.php#maps" style="color:white;" >
		แผนที่ ที่ตั้งของอาคารของเรา <br />
		<img src="/images/map_icon.png" width="90"></img>
		</a>
	</div>
</div>

<script>
// indicate that the dispaly == block or none of #leftsidenav is real or NT Generate for Animation
let isNTGeneratatedEvent = false;
var addEvent = function(object, type, callback) {
    if (object == null || typeof(object) == 'undefined') return;
    if (object.addEventListener) {
        object.addEventListener(type, callback, false);
    } else if (object.attachEvent) {
        object.attachEvent("on" + type, callback);
    } else {
        object["on"+type] = callback;
    }
};
var changeLeftNav = function(evt)
{
	var topnavHeight = document.getElementById('topnav').clientHeight;
	var leftside = document.getElementById("leftsidenav");
	var kcontent = document.getElementById("kcontent");
	if(getWidth() >= 993) {
		if(leftside.style.display === "block" && !isNTGeneratatedEvent) {
			if(kcontent ) kcontent.style.paddingLeft = "230px";

			var klearnplan = document.getElementById("klearnplan");
			var kfooterzoneHeight = document.getElementById("kfooterzone").clientHeight;
			if (window.scrollY > klearnplan.offsetTop) {
				leftside.style.bottom = (kfooterzoneHeight) + "px";
			} else if (window.scrollY > klearnplan.offsetTop - 200) {
				leftside.style.bottom = (200) + "px";
			} else {
				leftside.style.bottom = "0px";
			}
		}

		if ( window.pageYOffset > 100 ) {
			leftside.style.top = (topnavHeight) + "px";
		} else if ( window.pageYOffset > 50 ) {
			leftside.style.top = (105 + topnavHeight) + "px";
		} else {
			leftside.style.top = (200 + topnavHeight) + "px";
		}

	}
	else {
		var leftsideback = document.getElementById("leftsideback");
		if ( window.pageYOffset > 350 ) {
			leftside.style.top = (topnavHeight) + "px";
			leftsideback.style.top = (topnavHeight) + "px";
			leftsideback.style.zIndex = "1000";
		} else {
			leftside.style.top = "0px";
			leftsideback.style.top = "0px";
			leftsideback.style.zIndex = "8000";
			if (leftside.style.display === "block" && !isNTGeneratatedEvent) {
				leftsideback.style.display = "block";
			}
		}
		leftside.style.bottom = "0px";
		if(kcontent) kcontent.style.paddingLeft = "30px";
	}

};

function highlightCurrent() {
	const curPage = document.URL;
	const links = document.getElementsByTagName('a');
	for (let link of links) {
		if (link.href == curPage) {
		 link.classList.add("current");
		}
	}

	if(	curPage == "https://expert-programming-tutor.com/tutorial/index.php" ||
		curPage == "https://expert-programming-tutor.com/tutorial/"  ) {
		var btn = document.getElementById("btnlefttoggle");
		btn.style.display = "none";
	} else {
		var topnavHeight = document.getElementById('topnav').clientHeight;
		var leftside = document.getElementById("leftsidenav");
		leftside.style.display = "block";
		if(getWidth() >= 993) {
			if ( window.pageYOffset > 100 ) {
		        leftside.style.top = (topnavHeight) + "px";
		    } else if ( window.pageYOffset > 50 ) {
		        leftside.style.top = (105 + topnavHeight) + "px";
		    } else {
		        leftside.style.top = (200 + topnavHeight) + "px";
		    }
		}
		else {
			var leftsideback = document.getElementById("leftsideback");
			if ( window.pageYOffset > 350 ) {
		        leftside.style.top = (topnavHeight) + "px";
				leftsideback.style.top = (topnavHeight) + "px";
				leftsideback.style.zIndex = "1000";
		    } else {
		        leftside.style.top = "0px";
				leftsideback.style.top = "0px";
				leftsideback.style.zIndex = "8000";
		    }
		}

		addEvent(window, "resize", changeLeftNav);
		addEvent(window, "scroll", changeLeftNav);

		var btn = document.getElementById("btnlefttoggle");
		btn.style.display = "block";
		btn.style.background = "gray";
	}

	document.getElementById("krightbarbtn").style.display = "none";
}

document.onreadystatechange = () => {
	if (document.readyState === 'complete') {
		highlightCurrent()
	}
};

function lefttoggle() {
  var leftside = document.getElementById("leftsidenav");
  var leftsideback = document.getElementById("leftsideback");
  var kcontent = document.getElementById("kcontent");
  var btn = document.getElementById("btnlefttoggle");

  if(leftside) {
	  if (leftside.style.display === "none") {
	    leftside.style.display = "block";
		if(btn) btn.style.background = "gray";

		if(getWidth() >= 993) {
			if(kcontent) kcontent.style.paddingLeft = "230px";
		} else {
			leftsideback.style.display = "block";
			if(kcontent) kcontent.style.paddingLeft = "30px";
		}

	  } else {
	    leftside.style.display = "none";
		leftsideback.style.display = "none";
		if(kcontent) kcontent.style.paddingLeft = "30px";
		if(btn) btn.style.background = "#212529";
	  }
  }
}

function getWidth() {
  return Math.max(
    document.body.scrollWidth,
    document.documentElement.scrollWidth,
    document.body.offsetWidth,
    document.documentElement.offsetWidth,
    document.documentElement.clientWidth
  );
}



////////////////////NT ADD///////////




const targetNode = document.getElementById('leftsidenav');
if(targetNode)
{
	targetNode.style.overflowX  = 'hidden';
	// Options for the observer (which mutations to observe)
	const config = { attributes: true};

	//Global Variable

	let NTanimationDuration = 500;

	// Callback function to execute when mutations are observed
	const callback = function(mutationsList, observer) {
		// Use traditional 'for loops' for IE 11
		for(const mutation of mutationsList) {
			if(isNTGeneratatedEvent) continue;
			if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
				console.log(document.getElementById("leftsidenav").style.display +"  " + isNTGeneratatedEvent);
				if(document.getElementById("leftsidenav").style.display === 'block')
				{
					if(!isNTGeneratatedEvent )
					{
						console.log("open");


						let currentWidth = document.getElementById("leftsidenav").style.width;

						document.getElementById("leftsidenav").animate([
							// keyframes
							{ width: currentWidth},
							{ width: '200px' }
						], {
					// timing options
						duration: NTanimationDuration
						});


						setTimeout(() => {
							document.getElementById("leftsidenav").style.width = "200px";
						}, NTanimationDuration + 5);

					}


				}
				else
				{
					if(!isNTGeneratatedEvent )
					{
						isNTGeneratatedEvent = true;
						console.log("close");
						document.getElementById("leftsidenav").style.display = 'block';

						let currentWidth = document.getElementById("leftsidenav").style.width;
						document.getElementById("leftsidenav").animate([
							// keyframes
							{ width: currentWidth },
							{ width: '0px' }
							], {
							// timing options
							duration: NTanimationDuration
						});
						setTimeout(() => {

							document.getElementById("leftsidenav").style.display = 'none';
							document.getElementById("leftsidenav").style.width = "0px";
						}, NTanimationDuration + 5 );
						setTimeout(() => {
							isNTGeneratatedEvent = false;
						}, NTanimationDuration + 25);
					}

				}

			}
		}
	};

	// Create an observer instance linked to the callback function
	const observer = new MutationObserver(callback);

	// Start observing the target node for configured mutations
	observer.observe(targetNode, config);

}

///////////////////////////////
</script>
</body>
</html>