سبحة وعداد تكرارات بالإعدادات المناسبة لك

 أثناء تفكيري في آداة جديدة أقدمها لكم وتكون مناسبة لمنصة بلوجر , فوجدت فكرة هذه الآداة وهي عبارة عن سبحة لكن هي أيضاً أكثر من ذلك حيث يمكنك ان تضيف اى كلمات أو جمل تريد تكرارها وتضغط على عداد لعد ما تقوله

قد تساعدك حتى في حفظ وتكرار كلمات عادية ليس شرط ان تكون دعاء أو تسبيح 

كيف تعمل الآداة ؟

تضيف مجموعة نصوص في قائمة وعند اختيار نص يمكنك البدء بالضغط على العداد كل مرة تسجل رقم فيمكنك ان تعد بتلك الضغطات , كذلك هناك عداد يعطيك رقم كلي لكل الضغطات التي تخص جميع الجمل 

كود الآداة مناسب لان يضاف في صفحة أو موضوع أو آداة تكون كبيرة بعض الشئ

<style>

#cnmu-sibha { --sebhacol: #009688;display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}

#cnmu-words-list{display:flex;flex-direction:column;gap:5px;background-color:#eee;padding:5px;overflow-y:auto;height: 400px;}

#cnmu-words-list p{height:36px;line-height:36px;margin:0;background-color:#f8f8f8;padding:0 5px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;flex-shrink: 0;}

#cnmu-words-list p > span {order: -1;}

#cnmu-words-counts{flex-shrink:0;background-color:var(--sebhacol);padding:10px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;}

#the-word span {display: none;}  

#the-counter{background-color:#fff;color:var(--sebhacol);width:100px;height:100px;text-align:center;line-height:100px;border-radius:50%;font-size:30px;cursor:pointer;-webkit-user-select:none;}

.text-counter{display:flex;gap:10px;justify-content:center;font-size: 120%;}

#total-counter {background-color: #fff; padding: 0 10px; border-radius: 4px; color: var(--sebhacol);}

#reset-button{background-color:#fff;padding:0 10px;height:36px;border-radius:4px;cursor:pointer;}

#reset-button:hover{background-color:#000;color:#fff;}

</style>

<div id="cnmu-sibha">

    <div id="cnmu-words-list">

<p>

<span>اسم الجملة</span>

الجملة كاملة ليتم عرضها

</p>

    </div>

    <div id="cnmu-words-counts">

      <div class="text-counter"><span>العدد الكلي</span><div id="total-counter">0</div></div>

        <p id="the-word">اختر من القائمة</p>

        <div id="the-counter">0</div>

        <button id="reset-button">إعادة ضبط</button>

    </div>

</div>

<script>

const _0x1fc5d2=_0x20a3;(function(_0x831264,_0xa0e15b){const _0x153335=_0x20a3,_0xc1f8f4=_0x831264();while(!![]){try{const _0x6f92c9=-parseInt(_0x153335(0x1d8,'1@N3'))/0x1*(-parseInt(_0x153335(0x1df,'ynaz'))/0x2)+-parseInt(_0x153335(0x1d0,']dhc'))/0x3*(-parseInt(_0x153335(0x1c4,'rg@('))/0x4)+parseInt(_0x153335(0x1bd,'cmXl'))/0x5*(-parseInt(_0x153335(0x1d2,'rg@('))/0x6)+-parseInt(_0x153335(0x1e2,'svqe'))/0x7*(parseInt(_0x153335(0x1db,'D(IC'))/0x8)+parseInt(_0x153335(0x1d3,'TU8!'))/0x9*(parseInt(_0x153335(0x1cc,'6fm1'))/0xa)+-parseInt(_0x153335(0x1e1,'ual^'))/0xb+parseInt(_0x153335(0x1ce,'E3gO'))/0xc;if(_0x6f92c9===_0xa0e15b)break;else _0xc1f8f4['push'](_0xc1f8f4['shift']());}catch(_0x2fe4a6){_0xc1f8f4['push'](_0xc1f8f4['shift']());}}}(_0x17d2,0x32135));function _0x20a3(_0x121638,_0x4aa6ee){const _0x17d29b=_0x17d2();return _0x20a3=function(_0x20a360,_0x4a5f49){_0x20a360=_0x20a360-0x1bb;let _0x5babd9=_0x17d29b[_0x20a360];if(_0x20a3['xFFJhT']===undefined){var _0x552e4c=function(_0xb25702){const _0x5a878c='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x382e63='',_0x888db2='';for(let _0x15461c=0x0,_0x4ee38a,_0x29f38c,_0x4d073b=0x0;_0x29f38c=_0xb25702['charAt'](_0x4d073b++);~_0x29f38c&&(_0x4ee38a=_0x15461c%0x4?_0x4ee38a*0x40+_0x29f38c:_0x29f38c,_0x15461c++%0x4)?_0x382e63+=String['fromCharCode'](0xff&_0x4ee38a>>(-0x2*_0x15461c&0x6)):0x0){_0x29f38c=_0x5a878c['indexOf'](_0x29f38c);}for(let _0xdbbd2a=0x0,_0x3df3e9=_0x382e63['length'];_0xdbbd2a<_0x3df3e9;_0xdbbd2a++){_0x888db2+='%'+('00'+_0x382e63['charCodeAt'](_0xdbbd2a)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x888db2);};const _0x3f95e9=function(_0x2d87b3,_0x4d3bce){let _0x5c5f71=[],_0x40ee1f=0x0,_0x1dfc64,_0x41bcc4='';_0x2d87b3=_0x552e4c(_0x2d87b3);let _0x5cd840;for(_0x5cd840=0x0;_0x5cd840<0x100;_0x5cd840++){_0x5c5f71[_0x5cd840]=_0x5cd840;}for(_0x5cd840=0x0;_0x5cd840<0x100;_0x5cd840++){_0x40ee1f=(_0x40ee1f+_0x5c5f71[_0x5cd840]+_0x4d3bce['charCodeAt'](_0x5cd840%_0x4d3bce['length']))%0x100,_0x1dfc64=_0x5c5f71[_0x5cd840],_0x5c5f71[_0x5cd840]=_0x5c5f71[_0x40ee1f],_0x5c5f71[_0x40ee1f]=_0x1dfc64;}_0x5cd840=0x0,_0x40ee1f=0x0;for(let _0x77b728=0x0;_0x77b728<_0x2d87b3['length'];_0x77b728++){_0x5cd840=(_0x5cd840+0x1)%0x100,_0x40ee1f=(_0x40ee1f+_0x5c5f71[_0x5cd840])%0x100,_0x1dfc64=_0x5c5f71[_0x5cd840],_0x5c5f71[_0x5cd840]=_0x5c5f71[_0x40ee1f],_0x5c5f71[_0x40ee1f]=_0x1dfc64,_0x41bcc4+=String['fromCharCode'](_0x2d87b3['charCodeAt'](_0x77b728)^_0x5c5f71[(_0x5c5f71[_0x5cd840]+_0x5c5f71[_0x40ee1f])%0x100]);}return _0x41bcc4;};_0x20a3['MvxFvD']=_0x3f95e9,_0x121638=arguments,_0x20a3['xFFJhT']=!![];}const _0x13a4fb=_0x17d29b[0x0],_0x324073=_0x20a360+_0x13a4fb,_0x42a2b1=_0x121638[_0x324073];return!_0x42a2b1?(_0x20a3['jsEfFb']===undefined&&(_0x20a3['jsEfFb']=!![]),_0x5babd9=_0x20a3['MvxFvD'](_0x5babd9,_0x4a5f49),_0x121638[_0x324073]=_0x5babd9):_0x5babd9=_0x42a2b1,_0x5babd9;},_0x20a3(_0x121638,_0x4aa6ee);}function _0x17d2(){const _0x9d85ca=['fSoHdImOzmob','W5NdKmk+WQJdNSkdWPZdTq','W7OmsJD/','cdb7Fh5of8o8e19PWP8','s8kXW7PikJlcRsdcQq','kLxcHmktW5hdKSkGW5X1u8omW4VcSSoz','yvSMWQ1nB8kXo8kXWQajDMu','W4ZcTcuYW7SXhmoNxCo/gqKK','kcCbaSkNnmkN','W6a6WPJdJgPFb8o7WRpcM14','W6HvWOpcGSkNW5HLl8kVW7frW7SY','fKRdOCo7W5belNfwWQpcS1hdNmoIW6Od','w8oaWQ7cSZH4W4mciq','Av8LW5W5omo1kmk2','hmkuW4m+WRLMwCoknCoosCkT','WRmiiGVcGmkvW6tcJCo0W7lcGmosWORdQ8oVgfyC','BWqUn8kim8kHW5JdQaWh','W6beWQ82WQNdU8oWxSkcWRjWW7ddKsLVWOW','W7rQmSoJW6xcTY7cRCkiW57dVW','WRiwW5lcUIHKbcxdUwGP','W43dGSonvCkxf3q','W6FdR2ddTmkCWPtcLLNdHCo7WOK+WP/cKer0','dmoCWOlcUmoJWRiqkG','WQimWQldO29dAWfzWO/cVa','W6HgWQNcRYDnu8k1WQVdQ8kLW4fM','ja1UW6S+mSoRgSk4WRG7','WQCzWRFdUuvyaq','DSk3W6KMW7hdRaf7','gmoOWPbBW7G0Bq','W4lcKmk3WO3cQNiOW6GVWPSBB3e','W4RcTmkCoSoro3SlW7VcV8k2','WP4QWRyNzmk1b8oFWP93WPXHW4O','qMfgjSkMW5ZcRsz6','WO0GWRydzmo9cCovWOrTWQP9W7e9','WR/cSJlcG8k5WOxcI3ZdR8o4','CfBcNSoNWPtdUmkihaNcNf1jW7bg','dmoOFSo2pGmjWRvZxmoMW4uuWQC','nmoex8ooW6n2WOH1ssxcJq','y1BcKSowWRVdSSkldqlcHMS','EGtcLCkHW7/dSSk5W5G'];_0x17d2=function(){return _0x9d85ca;};return _0x17d2();}let totalCount=0x0,currentCount=0x0,currentWord='';const wordList=document[_0x1fc5d2(0x1c7,']L!L')](_0x1fc5d2(0x1c5,'013L')),totalCounter=document[_0x1fc5d2(0x1bb,'j^jn')](_0x1fc5d2(0x1d5,'mFMI')),theWord=document['getElementById'](_0x1fc5d2(0x1d1,'FC1Q')),theCounter=document[_0x1fc5d2(0x1d9,'sB4c')](_0x1fc5d2(0x1c9,'8GUb')),resetButton=document[_0x1fc5d2(0x1da,'HMC0')]('reset-button');wordList[_0x1fc5d2(0x1de,'6jn7')](_0x3f95e9=>{const _0x359ba1=_0x1fc5d2;_0x3f95e9[_0x359ba1(0x1c1,'X%Ju')]('click',()=>{const _0x4743e3=_0x359ba1;currentWord=_0x3f95e9[_0x4743e3(0x1d6,'gOOO')],theWord[_0x4743e3(0x1c2,'3v6N')]=currentWord,currentCount=0x0,theCounter[_0x4743e3(0x1c6,'t9H]')]=currentCount;});}),document[_0x1fc5d2(0x1d7,'mFMI')](_0x1fc5d2(0x1cd,'Yx^['))['addEventListener'](_0x1fc5d2(0x1e0,'6vEq'),()=>{const _0x196b74=_0x1fc5d2;currentWord&&(currentCount++,totalCount++,theCounter[_0x196b74(0x1c8,'6avx')]=currentCount,totalCounter[_0x196b74(0x1cf,'OG5P')]=totalCount);}),resetButton[_0x1fc5d2(0x1cb,'1@N3')]('click',()=>{const _0x21766a=_0x1fc5d2;totalCount=0x0,currentCount=0x0,currentWord='',theWord[_0x21766a(0x1bf,']dhc')]='اختر\x20من\x20القائمة',theCounter['textContent']='0',totalCounter[_0x21766a(0x1dc,'sB4c')]='0';});</script>

 الإعدادات

-اللون بالأزرق هو اللون العام للآداة عدله بما يناسبك

-باللون الاحمر هو كود الجملة كرره كلما أردت جملة جديدة

-الكود يتكون من شقين الشق المعلم بالأخضر هذا النص فقط الظاهر في القائمة

الباقي سيظهر عند الضغط عليها وعرضها في مكان العداد

لو كانت الجملة اصلاً كلمة أو كلمتين لا تحتاج عمل جزء للعرض يمكنك ازالة الجزء الأخضر منها والإكتفاء بالجملة تستخدمه كامل ان كانت الجملة كبيرة على القائمة وتحتاج عرض جزء فقط ظاهر

• 💢
• معاينة