Javascript replace関数 "関数ではありません"

Question

次のコードに問題があります。文字列を別の文字列に置き換えて、imgコードを生成したい。しかし、エラーメッセージ「str.replace is not a function」が表示されます。どんな考え？

<input type="text" id="text"> 
    <input type="button" value="See Code" onclick="myFunction();"> 
    <input type="text" id="code" name="code"> 

<script> 
    function myFunction() { 
     var str = parseInt(document.getElementById("text").value); 
     var res = str.replace("ftpadress", "htmladress"); 
     var code = str.concat("<img src='",res,"' width='100%'>"); 
     document.getElementById("code").value = code; 
     } 
</script> 

Answer 1

、 strが、それは数だ、のparseIntの結果である、そう。 .replace（）はStringメソッドです。

私が正しく理解している場合は、文字列を置き換えてコードを取得し、新しい文字列とコードで画像タグを生成したいと考えています。私は...

< input type = "text" 
 
id = "text" > 
 
    < input type = "button" 
 
value = "See Code" 
 
onclick = "myFunction();" > 
 
    < input type = "text" 
 
id = "code" 
 
name = "code" > 
 

 
    <script> 
 
    function myFunction() { 
 
    //changed 
 
    var str = document.getElementById("text").value; //get text 
 
    var res = str.replace("ftpadress", "htmladress"); //replace 
 
    var code = parseInt(str).toString(); //get code and cast it back to text 
 
    document.getElementById("code").value = code; //insert code 
 
    var withTag = code.concat("<img src='", res, "' width='100%'>"); //generate tag 
 
    } < /script>

Answer 2

のparseIntは、整数を返していない文字列あなたは、あなたがキャストする必要があります）（str.replaceを使用することはできませんので、それ最初

だけ追加STR = str.toString（）;置換機能を使用する前に

Answer 3

キャスト（parseInt関数）を削除するだけで、すべて正常に動作するはずです。コメント@mrlewとして

<input type="text" id="text"> 
    <input type="button" value="See Code" onclick="myFunction();"> 
    <input type="text" id="code" name="code"> 

<script> 
    function myFunction() { 
     //changed 
     var str = document.getElementById("text").value; 
     console.log(str); 
     var res = str.replace("ftpadress", "htmladress"); 
     var code = str.concat("<img src='",res,"' width='100%'>"); 
     document.getElementById("code").value = code; 
     } 
</script>