SwiftのevaluateJavascriptでCSS変更したい。

Question

SwiftでevaluateJavascriptをする際、本当になぜかわからないのですが、フォントサイズを変えることはできるのに、色を変えることができません。なぜなんでしょうか?

kokowokaeruクラスの最初の要素を変えるコード。
return change_のときは効かなくて、return change_2のときは効きます。

var customCol = "green"
var customFontSize = "100"
func change(num: Int) -> String{
        let change_ = """
            function changeCol(newCol){
                document.querySelectorAll('.kokowokaeru')[(num)].style.cssText = 'background-color:'+newCol+';'
            }
            changeCol((self.customCol))
        """
        let change_2 = """
            function changeFontSize(newFontSize){
                document.querySelectorAll('.kokowokaeru')[(num)].style.cssText = 'font-size:'+newFontSize+'px;'
            }
            changeFontSize((self.customFontSize))
        """
        //return change_
        return change_2
    }

webView.evaluateJavaScript(change(num:0))

Answer 1

自己解決しました。
結論から言うとvar customCol = "green"をvar customCol = "\'green\'"にするとできました。
サイズを変えるときの'font-size:'+newFontSize+'px;'のnewFontSizeは文字列が入るものと思っていたら、var customFontSize = "100"で文字列しているから起こった勘違いで、JS内（let change_2）ではcustomFontSizeは数になる（let change_2が文字列なのでややこしい）。var customCol = "green"のままだと、let change_中のjs関数内でgreenが文字列になっておらず、文字列中の文字列に直さないといけなかったのです。

Answer 2

Swift経験ないので動作確認できませんが、JavaScriptのコードだけ見ると、
changeCol(newCol)と定義されてますが、呼び出しはchangeFontSize("yellow")となっています。
定義した関数を呼び出してないからでは？

JavaScript的にはReferenceErrorが出るものと思います。

Comments

[MycoChild]

すみません訂正しました。ここに書くときに間違えました。
コードの方は正しいので解決していません。

[m.ts10806]

.kokowokaeruはどういう要素ですか？
あと、それぞれ想定の値（またカラーを正しく識別できる値）はわたっているのでしょうか。
カラーコードやカラーネームが正しくないと色がつかないこともあります。
編集前のコードにあったように固定値で試されたほうが問題切り分けにもなると思います。

[MycoChild]

ありがとうございます。
自己解決しました。

[m.ts10806]

それは良いのですが、どのように解決したのか顛末をきちんとまとめて回答として投稿しておいてくださいね。

[MycoChild]

書きました！