ページ全体を拡大縮小するボタンがうまく動作しない

Question

前提・実現したいこと

拡大ボタン縮小ボタンを作成し、
それぞれを押下した際にページ全体を拡大縮小がしたいです。
自分のソースをレビューして頂きたいです。
よろしくお願いいたします

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

jqueryのcss()の第二引数に計算結果を文字列変換した変数を格納したところ
うまく動作しませんでした。

該当のソースコード

---js

$(function(){

  var zoomValue = 100;
  $('#zoomBtn').on('click',function(){
    //50%ずつ拡大したい。
    var zoom = zoomValue + 50;
　　var test = zoom.toString + "%";
    //ここの第二引数が変数だとcss()はうまく機能しないのか？
    $('body').css('zoom', test);
  });

---html

<input type ="button" id="zoomBtn" value="拡大">

});

### 補足情報（FW/ツールのバージョンなど）
chrome
jquery3.4.1

Answer 1

こんにちは。

.toString()はメソッドです。プロパティではありませんので、呼び出してください。

Number.prototype.toString() - JavaScript | MDN

Comments

[theone1]

ありがとうございます。
ご指摘いただいたとおりtoString()が原因でした。
String(変数)で変換したところうまく動作致しました。