The latest articles on DEV Community by bdarab (@bdarab). https://dev.to/bdarab https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F633776%2F1717ee2d-9dcf-4dd7-b3bc-ad28768fce7b.jpeg https://dev.to/bdarab en bdarab Mon, 31 May 2021 18:22:25 +0000 https://dev.to/bdarab/can-t-set-a-timeout-for-bootstrap-alert-in-some-cases-3pg4 https://dev.to/bdarab/can-t-set-a-timeout-for-bootstrap-alert-in-some-cases-3pg4 <p>Hi! I just added bootstrap alerts to my code, but when I try to set a time out for it to disappear, it messes up the whole page. my code is</p> bdarab Fri, 28 May 2021 01:16:01 +0000 https://dev.to/bdarab/javascript-the-problem-is-that-the-code-works-but-only-for-a-second-2eif https://dev.to/bdarab/javascript-the-problem-is-that-the-code-works-but-only-for-a-second-2eif <p>The problem is that the code works, but only for a second! then immediately redirects to a page that supposed to be hidden! Since the code is long and in 3 files (index.html, app.js, style.css) I have pushed it to Github. This is a task list called "Forget it not", trying to make it a One-Page app with forms hidden with a class 'hide' defined CSS attribute as "display: none;". As I mentioned, it does work for a second but returns to a section that is supposed to be hidden. it removes the class from that section and puts it back on the "task" list, while the code is written on the contrary.<br> <a href="https://github.com/bdarab/forgetItNot">Github Link:</a></p> javascript localstorage html css bdarab Wed, 19 May 2021 13:38:25 +0000 https://dev.to/bdarab/having-problem-targeting-the-text-inside-li-5chi https://dev.to/bdarab/having-problem-targeting-the-text-inside-li-5chi <p>I am having a problem to find a selector for the text inside my "li" to target with JavaScript. The problem is that I have a nested "span" element with two icons in my "li". That gives me a problem just to "li" to target it, since, it also covers the "span" with icons. What I am trying to do is add {text-decoration: 'line-through'} when the 'check' icon is clicked. and remove the text, when 'trash'icon is clicked. As I said, my problem is targeting the text within the "li" .</p>