Récupérer la valeur d'un input

jim88
Javascript

Bonjour,

J'ai un input non modifiable, qui affiche une valeur calculée en fonction de plusieurs critères. J'ai en dessous un autre input qui doit actuellement être renseigné par l'utilisateur pour générer une tonalité correspondante et qui est en fait vide par défaut puisque j'invite à coller la valeur du premier input dedans à défault de mieux.

Ma question est : comment je peux simplement faire en sorte de supprimer le deuxieme input pour recuperer la valeur du premier directement.

Le code javascript pour générer la fréquence est :

//learning Web Audio Api

const ctx = new AudioContext();

const myHZ = document.getElementById("myHz");
const radios = document.forms[0];
const myVolume = document.getElementById("myVlm");
const startBtn = document.getElementById("start");
const stopBtn = document.getElementById("stop");

stopBtn.disabled = true;

let osc;
let waveformType;

radios.addEventListener("change", getWaveform);

  function getWaveform() {
    for(let i = 0; i < radios.length; i++) {
      if(radios[i].checked) {
        waveformType = radios[i].value;
                }
              }
            }

function startOsc(bool) {

    if(bool === undefined) bool = true;

    if(bool === true) {
        osc = ctx.createOscillator();
    let userFrequency= document.getElementById("myHz").value;

    const gainNode = ctx.createGain();

    let myVlm = document.getElementById("myVlm").value;
    gainNode.gain.value = myVlm;
    field
   myVolume.onchange = function() {
   myVlm = document.getElementById("myVlm").value;
   gainNode.gain.value = myVlm;
   }
     myHZ.onchange = function() {
        userFrequency= document.getElementById("myHz").value;
        osc.frequency.value =  userFrequency;  
        } 

radios.onchange = function() {
    for(var i = 0; i < radios.length; i++) {
      if(radios[i].checked) {
        osc.type = radios[i].value; console.log(osc.type);
                }
              }
            } 

        osc.type = waveformType;
        osc.frequency.value =  userFrequency;

        osc.start(ctx.currentTime);
        osc.connect(ctx.destination);
        gainNode.connect(ctx.destination);
        osc.connect(gainNode);

        stopBtn.disabled = false;
        startBtn.disabled = true;

    } else {
        osc.stop(ctx.currentTime);
        osc.disconnect(ctx.destination);
        stopBtn.disabled = true;
        startBtn.disabled = false;
    }   
}

(function() {
    startBtn.onclick = function() {startOsc();}
    stopBtn.onclick = function() {startOsc(false);}
        })();

Le code html est :

<body>

<body style="background:#000">
<div class="earth">

 <div class="time-content">
    <div class="hours">00</div><span>:</span>
    <div class="minutes">00</div><span>:</span>
    <div class="seconds">00</div><span>:</span>
    <div class="milliseconds">00</div>
  </div>

<img src="http://gold-sound-process.com/wp-content/uploads/2014/12/rond-1.svg" alt="" width="245" height="245" class="alignnone size-medium wp-image-40" />
<p class="cff-form-name"><span class="cff-form-name-shortcode">[CP_CALCULATED_FIELDS id="6"]</span></p>

    <div id="generator-wrapper">
<label class="tune-black">Paste the latitude frequency here</label>
<input class="resonance" type="text" id="myHz" min="1" max="20000">
        <br>
        <div class="bouttons"><button id="start" class="btn start">Start</button><button id="stop" class="btn reset">Stop</button></div>
<div style="text-align:center;font-size:12px;color:#aaa;margin-top:15px;line-height:18px;">Leave 30s to 1min 40s for the resonance
is effective.</div>
 <div>
        <label id="vl"></label>
        <input class="slider" id="myVlm" type="range" name="points" min="0" max="1" value="1" step=".1">
        </div>

    </div>
</body>

  <script  src="https://gold-sound-process.com/script.js"></script>
 <script  src="https://gold-sound-process.com/script2.js"></script>

</body>
</div>

L'id fieldname12_1 est l'id de l'input1 inclus dans le shortcode [CP_CALCULATED_FIELDS id="6"].

Ce que je veux

Ce que je veux c'est modifier ce javascript pour que ca soit pas l'id myHz qui soit récupéré mais l'id fieldname12_1

Ce que j'obtiens

J'ai donc simplement essayé de remplacer cela dans la javascript, mais les boutons start et stop ne fonctionnent plus correctement, bien que j'arrive à récupérer la valeur de l'input1 dans l'input2.

Merci de votre aide.

Aucune réponse