just asking can you please tell me how can I achieve it when I clicked the button it should only add the class on its parent div. Currently its adding both the parent div even I click the first button…
I have this a_tag element: <a href="Mywebsite/test/cart/" class="added_to_cart" title="View cart">View cart</a> which is bound to different click events by outer plugins used on my website, I tried to remove all the other click events using this, $('.added_to_cart').click(function() { return false;…
I want to add class "active" to "fav-contractors" container only when number inside "fav-con-count" span is greater than 0. This is HTML code <span class="fav-contractors"> <span class="fav-con-count">7</span> </span> and this is jQuery code function favCounter() { if ($(".fav-con-count").textContent > 0)…
I wrote this hover the animation: animated slideIn doesn't trigger, while the console show notihing let getAddToCart = document.querySelectorAll('.addToCart'); let getCartBadge = document.querySelector('.cartBadge'); getAddToCart.forEach((item) => { item.addEventListener('click', function (e) { e.preventDefault(); console.log('clicked'); // animate the cartBadge getCartBadge.classList.add('animated', 'slideIn'); // other…
I am a beginner with JavaScript and don't know how to solve this simple issue. I want to add text in h2 from an array with for loop $(document).ready(function () { const titles = ["Title 1", "Title 2", "Title 3",…
I'd like to concatenate several values from selects and input fields on a final input field that contain all the values. What I have until now is this: $('#chosen_a').change(function() { $('#ddlNames').val($('#chosen_a option:selected').data('id')); console.log($('#chosen_a option:selected').data('id')); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="criteria_title" id="chosen_a"…
I have a list of JSON files in a variable and I want to load the content of these files into a single object. The json files have two keys: metadata and outputs. Once this is done, I want to…
This is the iframe (a chatbot html page) , which I am calling in another HTML project. So, i need to toggle the classes (shown below) as an onclick event or by any other functions chatbot html page=> there is…
I have a list of radio group that need to be checked by user. <div><input type='radio' class='radio_m' name='1-a' /></div> <div><input type='radio' class='radio_m' name='1-a' /></div> <div><input type='radio' class='radio_m' name='2-a' /></div> <div><input type='radio' class='radio_m' name='2-a' /></div> User need to check at least…
enter image description here I thought I was wrong with jQuery connection but I tested with function(){console.log} and it worked. but after function addNumber()~ is not work at all...