JavaScript |在 onClick函数中传递字符串参数

任务是使用 javascript 将字符串作为参数传递给 onClick函数，我们将讨论一些技术。

示例 1：此示例只是将字符串参数放在按钮的 onClick 属性中，该按钮使用onClick() 方法调用以字符串作为参数的函数。

  

    
        JavaScript 
      | Pass string parameter in onClick function.
    

  

      
            GeeksForGeeks  
        
    
    
    
        click here
    
    
    
    
        var up = 
            document.getElementById('GFG_UP');
        var down = 
            document.getElementById('GFG_DOWN');
        up.innerHTML = 
          'Click on button to pass the '+
          'string parameter to the function';
  
        function GFG_Fun(parameter) {
            down.innerHTML = "String '" 
            + parameter + "' Received";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例只是将作为字符串的参数放在按钮的 onClick 属性中，该按钮使用onClick() 方法调用以字符串作为参数的函数。这里输入按钮是动态创建的。此示例使用与前一个相同的方法。

  

    
        JavaScript 
      | Pass string parameter in onClick function.
    

  

      
            GeeksForGeeks  
        
    
    
    
    
    
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        var inputEl = document.createElement('input');
        inputEl.type = 'button';
        inputEl.value = "Click here";
        inputEl.addEventListener('click', function() {
            GFG_Fun('Parameter');
        });
        document.body.insertBefore(inputEl, down);
        up.innerHTML = 
          'Click on button to pass the '+
          'string parameter to the function';
  
        function GFG_Fun(parameter) {
            down.innerHTML = "String '" +
              parameter + "' Received";
        }
    

  

输出：

• 在点击按钮之前：
  
• 点击按钮后：