connect javascript с html (a href)

Question

Я визуализирую данные с помощью d3 javascript. Я хочу показать в геомапе, где я был и когда был там. Для этого у меня есть график одного года. Когда я был в «Берлине» в марте, график показывает «Марш», а Берлин выделяется на карте.

Теперь я хочу связать эту визуализацию с записью в блоге.

Например, я хочу сказать: я был в «Берлине». Когда я нажимаю «Берлин», я хочу отправить визуализацию через Берлин. На карте я хочу, чтобы график был включен в «Марш» и «Берлин». Возможно ли это?

Можно ли указать параметры html-кода, который будет использоваться в разделе javascript?

Answer 1

Вы можете использовать многие атрибуты в качестве средства хранения динамических данных в элементах html. Пример HTML:

<div id="berlin" class="city-wrapper" blog-link="march">BERLIN CONTENT</div> 

И JavaScript:

var city = document.getElementById("berlin"); 
city.addEventListener("click", function(){ 
    var blogLink = this.getAttributeNode("blog-link").value; 
    updateTimeline(blogLink); //Function to update the timeline according to element id 
});