د ویب پراختیا په برخه کې او په ځانګړي توګه د لومړني TensorFlow.js ویب غوښتنلیک رامینځته کولو په شرایطو کې ، تاسو کولی شئ هرکله چې د جاوا سکریپټ او د سند آبجیکٹ ماډل (DOM) د مینځلو تخنیکونو په کارولو سره د سپارلو ت buttonۍ کلیک کولو سره د X ارزښت په اوتومات ډول زیات کړئ. . TensorFlow.js یو کتابتون دی چې تاسو ته اجازه درکوي په مستقیم ډول په براوزر کې د ماشین زده کړې ماډلونه پرمخ بوځي، په ویب اپلیکیشن کې د ژورې زده کړې وړتیاوې فعالوي.
د اتوماتیک زیاتوالي فعالیت ترلاسه کولو لپاره ، تاسو اړتیا لرئ دا مرحلې تعقیب کړئ:
1. د HTML جوړښت: د خپل ویب غوښتنلیک لپاره د HTML جوړښت په جوړولو سره پیل کړئ. پدې جوړښت کې باید د سپارلو تڼۍ او د ځای لرونکی عنصر شامل وي چیرې چې د X ارزښت به ښودل شي. د مثال په ډول:
html <!DOCTYPE html> <html> <head> <title>Auto-increment X</title> </head> <body> <button id="submitBtn">Submit</button> <div id="xValue"></div> <script src="tensorflow.js"></script> <script src="script.js"></script> </body> </html>
2. جاواسکریپټ کوډ: د جاوا سکریپټ فایل جوړ کړئ (د مثال په توګه، `script.js`) او د خپل HTML فایل سره یې لینک کړئ. په دې فایل کې، تاسو به د اتوماتیک زیاتوالي فعالیت اداره کولو لپاره کوډ ولیکئ.
javascript // Get the submit button and the X value placeholder const submitBtn = document.getElementById('submitBtn'); const xValue = document.getElementById('xValue'); // Initialize the value of X let X = 0; // Add an event listener to the submit button submitBtn.addEventListener('click', () => { // Increment the value of X X++; // Update the X value placeholder xValue.textContent = `X: ${X}`; });
په جاواسکریپټ کوډ کې، موږ لومړی د سپارلو تڼۍ او د ځای لرونکي عنصر ته حوالې ترلاسه کوو چیرې چې د X ارزښت به ښودل شي. موږ د X څخه 0 ارزښت هم پیل کوو. بیا، موږ د سپارلو تڼۍ ته د پیښې اوریدونکي اضافه کوو چې د 'کلک' پیښې لپاره اوري. کله چې تڼۍ کلیک شي، د پیښې اوریدونکي فعالیت پیل کیږي. د فنکشن دننه، موږ د X ارزښت د 1 لخوا زیاتوو او د X ارزښت ځای لرونکی مینځپانګه د نوي ارزښت سره تازه کوو.
3. د CSS سټایل (اختیاري): تاسو کولی شئ د HTML عناصرو لپاره د CSS سټایل کول هم پلي کړئ ترڅو ستاسو د ویب غوښتنلیک بصری بڼه ښه کړي. دا ګام اختیاري دی او ستاسو په ځانګړو غوښتنو پورې اړه لري.
د دې ګامونو په تعقیب، هرکله چې د سپارلو تڼۍ کلیک وکړئ، د X ارزښت به په اتوماتيک ډول زیات شي او په ټاکل شوي ځای لرونکي عنصر کې ښودل شي. دا فعالیت ستاسو د ځانګړو اړتیاو او ستاسو د TensorFlow.js ویب غوښتنلیک اړتیاو پراساس نور هم غزیدلی یا بدلیدلی شي.
په اړه نورې وروستۍ پوښتنې او ځوابونه لومړني TensorFlow.js ویب کاریال:
- د TensorFlow.js ویب اپلیکیشن کې د لاین ګراف څنګه لیدل کیدی شي؟
- د Xs او Ys صفونو ارزښتونه څنګه په ویب غوښتنلیک کې ښودل کیدی شي؟
- په TensorFlow.js ویب اپلیکیشن کې د کارونکي ډیټا څنګه داخلولی شي؟
- په ویب اپلیکیشن کې د TensorFlow.js کارولو په وخت کې په HTML کوډ کې د سکریپټ ټاګونو شاملولو هدف څه دی؟