結果を取得して、ツイート機能を実装したい！

Question

前提・実現したいこと

現在、HTML/CSS/JavaScriptを使用したクイズサービスを作っています。
クイズの結果をツイートする機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

[object HTMLParagraphElement]でした！ #お笑いクイズ ([object HTMLParagraphElement]の部分を〇点中〇点でした！という風に表示したいです。)

該当のソースコード

//ボタンの処理
btn.addEventListener('click', () => {
if (btn.classList.contains('disabled')) { //未回答ならruturn
return;
}
btn.classList.add('disabled'); //次の問題に進んだらdisabled グレーにする

    if (currentNum === quizSet.length - 1) { //最後の問題になったら結果ボタンにする(最後の画面は結果で、その前の最終問題で結果ボタンを表示しなればならない)
        scoreLabel.textContent = `成績: ${score} / ${quizSet.length}`;
        result.classList.remove('hidden');
    } else {
        currentNum++;
        setQuiz();
    }
});

// ツイート機能実装
tweetUrl = 'https://twitter.com/intent/tweet?text=' +
    encodeURIComponent(
        scoreLabel + 'でした！'
    ) +
    '&hashtags=お笑いクイズ';

tweet.href = tweetUrl;```

試したこと

結果をツイートしようとすると[object HTMLParagraphElement]でした！と表示されるため、成績を取得できていないようです。
プログラミング初心者で自力での解決が難しいため、お力添えいただいたけますでしょうか？

Answer 1

次のように変更してみてください。

// 変更前
tweetUrl =
  "https://twitter.com/intent/tweet?text=" +
  encodeURIComponent(scoreLabel + "でした！") +
  "&hashtags=お笑いクイズ";

// 変更後(.textContentを追加)
tweetUrl =
  "https://twitter.com/intent/tweet?text=" +
  encodeURIComponent(scoreLabel.textContent + "でした！") +　
  "&hashtags=お笑いクイズ";

Comments

[abeken]

ちゃんと取得できました！
ありがとうございました。