onmouseoverでwindow.alertが出ない

Question

Javascriptの勉強中です。

<やりたいこと>
足し算をする関数を作り、特定の文字にmouseが重なったときに計算結果を表示するwindow.alertを作りたいです。

<できていないこと＞
onmouseoverでwindowアラートを出したいのですが、ページの読み込みのときに表示されてしまいその後表示されません。
mouseoverだけでなく、clickなどでも同様現象が起きます。

<Javascriptのコード>

function sum(x, y)
{
    let z = x + y;
    return (z);
}

window.onload = function()
{
    let node_popsum = document.getElementById("pop_sum");
    let x = 3;
    let y = 2;
    let z = `${x}と${y}の和は${sum(x, y)}です`

    node_popsum.onmouseover = window.alert(z);
};

<htmlのコード(一部)>

<ol>
    <li id="pop_sum">計算式のポップアップ。 (Onmouse Here!)</li>
</ol>

htmlはW3Cのチェッカーで確認したところエラーがありませんでした。

<試したこと>
単純なalert文は問題なくmouseoverで表示できました。

function test(event)
{
    window.alert("hello!");
}

window.onload = function()
{
    let node_popsum = document.getElementById("pop_sum");

    node_popsum.onmouseover = test;
};

Answer 1

node_popsum.onmouseover = window.alert(z);
これだと、window.alert(z)を実行し、その戻り値をnode_popsum.onmouseoverに代入することになります。

やりたいことはこういうことですかね。

function sum(x, y)
{
    let z = x + y;
    return (z);
}

const test = function() {
    let x = 3;
    let y = 2;
    let z = `${x}と${y}の和は${sum(x, y)}です`;
    window.alert(z);
}

window.onload = function()
{
    let node_popsum = document.getElementById("pop_sum");
    node_popsum.onmouseover = test;
}

Comments

[zoon555]

window.alertの戻り値が代入されていたのですね！アドバイスいただいたように書き換えてみたら、やりたかった動作ができました。