Generate text from forms

Question

I'm trying to create a website where the user just needs to check a radio (yes, no or not assigned) in order to generate or not some text.

For exemple there would be 3 radios (yes, no and not assigned) aside of "Object1", 3 aside of "Object2", and so on.

The user select if a person has/doesn't have/don't know if it has Object1,2,... and the click on a button to generate some text:

"Name has Object1, doesn't have Object2, has Object4".

For now I have done this:

HTML

<div id="object1"> object1 :
<input id="object1yes" name="object1" type="radio"/>
<label for="object1yes">yes</label>
<input id="object1no" name="object1" type="radio"/>
<label for="object1no">no</label>
<input id="object1NA" name="object1" type="radio" checked="checked"/>
<label for="object1NA">NA</label>
</div>
<div>
<button id="generate" onclick="generate()">generate</button>
</div>
<div>
Person A <string id="Object1">
</div>

JAVA

function generate() {
 var checkObject1 = document.getElementById("object1");
 var text0 = "has object1";
 var text0 = "doesn't have object1";

I am really struggling with Java:/ I'd like to make smothing kind of like

If (checkObject1yes.checked == true){
    display text0;
If (checkObject1no.checked ==true){
    display text1;
If (checkObject1NA.checked ==true){
   diplay none;

Sorry If it's not clear and if it's too much of a draft, I'm new to coding:/

Answer 1

This may Help you.

    <div id="object1"> object1 :
    <input id="object1yes" name="object1" type="radio" />
    <label for="object1yes">yes</label>
    <input id="object1no" name="object1" type="radio" />
    <label for="object1no">no</label>
    <input id="object1NA" name="object1" type="radio" checked="checked" />
    <label for="object1NA">NA</label>
</div>
<div>
    <button id="generate" onclick="generate()">generate</button>
</div>
<div id="Object1">
    Person A 
</div>

<script>
    function generate() {
        let name = document.getElementById('object1').innerText.split(":")[0];

        var text0 = "has object1";
        var text1 = "has object2";
        let none = "doesn't have any object";

        if(document.getElementById("object1yes").checked == true){
        document.getElementById("Object1").innerHTML = name+text0;
        }
    if(document.getElementById("object1no").checked == true){
            document.getElementById("Object1").innerHTML = name+text1;
        }
        if(document.getElementById("object1NA").checked == true){
            document.getElementById("Object1").innerHTML = name+none;
        }

        
    }
    
</script>