Потому что вы не установили никакое свойство dislplay для вашего HTML по умолчанию. Вот почему при первом клике javascript устанавливает все, что ему нужно. затем начал работать со второго клика.
Вот ваш код, в который вы не добавляете стиль в html
<div id="about">Hello</div> <div id="aboutme">About Me</div>
И вот, если я исправлю / добавлю это style = "display: flex; justify-content: center; « в вашем обо мне, как это
<div id="about">Hello</div> <div id="aboutme" style="display:flex;justify-content: center;">About Me</div>
Теперь вы можете проверить, вам нужно только один щелчок, чтобы запустить
window.onload = function() {
var about2 = document.getElementById("about");
about2.addEventListener("click", about);
}
function about() {
var divabout = document.getElementById("aboutme");
if (divabout.style.display == "none") {
divabout.style.display = "flex";
divabout.style.justifyContent = "center";
} else {
divabout.style.display = "none";
}
}
<div id="about">Hello</div>
<div id="aboutme" style="display:flex;justify-content: center;">OK About Me</div>
[1112 ] ответ preetsangha совершенно корректен, но если Вы не хотите выражение запроса затем, это:
var result = list1.SelectMany(l1 => list2, (l1, l2) => new { i = l1, s = l2} );
(Это - то, что компилятор компилирует выражение запроса в - они идентичны.)
var result = from l1 in list1
from l2 in list2
select new { i = l1, s = l2};