変数同士の掛け算の答えがNaNになってしまい計算できない理由が分かりません。
Q&A
Closed
解決したいこと
変数同士の掛け算の答えがNaNになってしまい計算できないが理由を解明したい。
例）
発生している問題・エラー
変数同士の掛け算の答えがNaNになってしまい計算できない
なぜlength関数の戻り値にisNaNを使うとfalseになるのでしょうか？
なぜslide_widthとslide_counterの掛け算の答えがNaNになってしまうのでしょうか？
parseIntを両方に適応してあげると、一応期待していた答えが出ましたが、そもそも数値同士の掛け算なので特別な処理をしなくても、合計値が出てくるはずなので混乱しています。
該当するソースコード
let slide_width = $('.slide-card').css('width'); //slide1枚の幅
console.log(slide_width); //出力結果 > 500
cnsole.log(isNaN(slide_width)); //出力結果 > true //数値として扱われている
let slide_counter = $('.slide-card').length; //slideが何枚存在するか
console.log(slide_counter); //出力結果 > 5 //slideの枚数5枚
console.log(isNaN(slide_counter)); //false //数値として扱われていない、本来であればtrueであって欲しい
let total_width = slide_width*slide_counter;
console.log(total_width); //出力結果 > NaN //2500と出力されてほしい
console_log(slide_width*slide_counter); //出力結果 > NaN //2500と出力されてほしい
console.log(parseInt(slide_counter)*parseInt(slide_width)); //出力結果 > 2500
//しかしslide_counter単体にparseIntをかけてisNaNすると数値として認識されない。もう意味がわかりません泣
console.log(isNaN(parseInt(slide_counter))); //出力結果 > false
自分で試したこと
ここに問題・エラーに対して試したことを記載してください。
isNaNでの数値かどうかの検証、parseIntにての整数変換を試みる
0
