Javascript-форум - Помогите присвоить атрибут тегу с классом

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Помогите присвоить атрибут тегу с классом (https://javascript.ru/forum/dom-window/52979-pomogite-prisvoit-atribut-tegu-s-klassom.html)

Помогите присвоить атрибут тегу с классом

Есть тег div с классом yashare-auto-init и атибутами style=display:none и data-yashareTitle="Мое счастливое число".
Мне нужно присвоить его атриубу style атрибут display:block, а data-yashareTitle="Мое счастливое число"+val. Как можно осуществить?
Вкратце - это блок "Поделиться" от Яндекса и мне нужно, чтобы он появлялся после расчета числа, когда пользователь делится записью, у него на стене в соц.сети должно появляться сообщение:"Мое счастливое число val". Val - переменная, которая и хранит значение этого рассчитываемого числа.

document.querySelector('.yashare-auto-init').style.display = 'block';

Спасибо, с этим я разобрался при помощи $(".yashare-auto-init").show();
А вот как сделать, чтобы переменная подставлялась-не знаю((

<html>
<head>
</head>
<body>

<div class="yashare-auto-init" data-yashareTitle="Мое счастливое число">div</div>
<script>

val="fuck"
document.querySelector(".yashare-auto-init").setAttribute("data-yashareTitle", "Мое счастливое число"+val)

</script>
</body>
</html>