ShowNotes | Ruby NoName Podcast Show Notes | Audio Utils library

within my Angular app

i ve a form containing a textarea

My prpose is to add a clear button inside the textarea elemnt , that clear button :

• should appear only when the texarea is focused
• should diseppear when the textarea is out of focus (click outisde)
• should clear the text written inside the textarea when clicked

i ve done this :

Goal: To pass a model data to a javascript function.

Problem: I get an error when trying to pass the model to the JS function call.

In web.php

I'm using the react-beautiful-dnd library to enable drag and drop functionality for lists, but I'm having trouble dropping the elements. Sometimes some of the draggables group together, and I can't drop anything between them. It looks like all of the index are unique. Why are the items being grouped together? Any help would be greatly appreciated.

Link to image of drag behavior

These are my render methods from the three React components used in the DragDropContext

Cookbook.js
...

I am making a simple drag and drop task app and would like to understand how I can render the notes in the column that I have by calling a function that is mapping over a notes array and returning the JSX element.

Here is the column:

Building a simple notetaking program where you add notes and they get stored into a JSON file, but whenever I write 2 notes the JSON file is emptied completely. This isn't an issue when I just execute the script using $ node notes.js for testing functions, only when I make calls to it from the npm app.

notes.js

I want to add an event to the "Important" link i.e. When One user clicks the "Important" link, the corresponding card color should be changed and saved in the localstorage but, when I am accessing that DOM file which I passed as a string, I am unable to do it. For e.g. - I can't access to document.getElementsByClassName("noteCard") in function markNotes(index). But at the same time console.log("Color is not applied") executes successfully. If I am adding document.body.style.backgroundColor = "lightblue"; then also body color changes accordingly, but the I want to change the background color of the card with class "noteCard" only. I am really stuck with it.

Below is my HTML code

I have passed my DOM element as a string here.

I am currently using Jquery to populate a table with data from an API, but I want to do it without requiring any external libraries, is there a way to do this using pure javascript?

I currently use the following solution:

I'm new to D3 and trying to figure out how to add a circle to the chart with a tooltip attached. I want to be able to apply notes to the chart at different dates and prices. The note text should popup in the tooltip.

Here is an example I'm working on. I want a circle to appear on x = March 1 at a y price = 1000.

I added a div.tooltip in the css like this: