javascriptのコードの書き方について質問で

質問

javascriptのコードの書き方について質問です。

以下の情報を聞いたのですが、どういうふうにコードを書いたら良いでしょうか?

以下

PHP側で保持しているのなら、重複してしまいます。
（あとから何か変更したくなったとき面倒になります）

PHP側で保持した値を取得するだけなら、
const name = document.querySelector('#name');
のあとに、
name.value
で取得できるのではないかと思います。

________________________________________________
とういう情報なのですが、

書き方として
const name = document.querySelector
('#name');name.valueで合ってますでしょうか?

回答No.1

dell_OK · ベストアンサー

name.valueは使いたいところで使いたいように使います。
const name=～のすぐあとに書いても、何も起きません。

例えば、こんな感じ。
<input type="text" id="name" value="abc">
<input type="button" value="確認" onclick="check();">
<script>
function check() {
const name = document.querySelector('#name');
alert(name.value); //使いたいところ
}
</script>

PHPで保持している値がどうのと言う話のようなので、
取得したいIDの項目へPHPから転送する必要があります。
<?php
$name="保持している値";
?>
<input type="text" id="name" value="<?php echo $name;?>">
<input type="button" value="確認" onclick="check();">
<script>
function check() {
const name = document.querySelector('#name');
alert(name.value); //使いたいところ
}
</script>

保持している値を非表示にするには。
<input type="hidden" id="name" value="<?php echo $name;?>">

document.querySelectorを使う前提でしたので、
上記のようにしましたが、
PHPが保持している値が見えなくていいのでしたら、
document.querySelectorや.valueも使わず、
JavaScriptの変数に直接入れる方法で、私はいつもしています。
<?php
$name="保持している値";
?>
<input type="button" value="確認" onclick="check();">
<script>
function check() {
const name = "<?php echo $name;?>";
alert(name); //使いたいところ
}
</script>

お礼

ありがとうございました。