Quiero agregar un with href al buscador de favicon de Google con el valor de una entrada cuando se hace clic en el botón.
El resultado que quiero lograr es:
<img href="https://s2.googleusercontent.com/s2/favicons?domain=https://google.com/">El resultado real:
<img href="https://s2.googleusercontent.com/s2/favicons?domain=[object Undefined]"> <!DOCTYPE html> <html> <head> <title>Upload Image</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="upload.js"></script> <style> #e-favicon { height: 100px; width: 100px; } </style> </head> <body> <input type="text" id="input"> <button id="button">Get favicon</button> <div id="e-favicon"></div> </body> </html> const element = "#e-favicon"; const button = "#button"; const input = "#input"; $(document).ready(function() { console.log("js loaded"); $(button).on('click', function () { const favicon = "https://s2.googleusercontent.com/s2/favicons?domain=" + toString($(input).val()); console.log("button click"); console.log(favicon); $(element).append('<img href="' + favicon + '">'); }); });La conversión a cadena es lo que está causando un resultado inesperado. No necesita convertir .val() a cadena ya que devuelve un valor de cadena:
$(button).on('click', function () { const favicon = "https://s2.googleusercontent.com/s2/favicons?domain=" + $(input).val(); //... });